How it works

Color Producer captures colors from a website by analyzing CSS (stylesheets). Colors declared in CSS are added to the Color Collection as Website Colors and can be modified.

Example

Stylesheet rule:

.a {
  color: #4D2971;
}

Color Producer:

Supported CSS Rules

• Inline Styles
• Internal Stylesheets (<style> tags)
• External Stylesheets (<link> tags)

❗️Browser-specific extensions - such as -webkit-border-end-color are not captured by Color Producer

Supported CSS Colors

Color Producer supports almost all CSS3 colors, including RGBA/HSLA and hex with transparency.

• currentColor is untested and assumed to not work correctly
• CSS3 gradients are not captured by Color Producer
• System Colors are not supported, thankfully these are deprecated in the CSS3 spec.

Psuedo Styles

Color Producer captures the following pseudo-classes/pseudo-elements

• :focus
• :hover
• :active
• ::after
• ::before
• ::first-letter
• ::first-line
• ::selection
• ::backdrop
• ::placeholder
• ::marker
• ::spelling-error
• ::grammar-error
• ::selection
• :invalid
• :valid