Workflow · Image & design

Frontend color pass

Convert color values, check contrast, derive a palette and prepare copy-ready CSS values.

01Normalize colors

02Measure contrast

03Derive palette

04Document CSS values

01

Normalize colors

Convert hex colors into RGB and HSL.

Hex to RGB öffnen

02

Measure contrast

Convert RGB values into hex colors.

RGB to hex öffnen

03

Derive palette

Estimate WCAG contrast between two colors.

Contrast checker öffnen

04

Document CSS values

Generate simple steps between two colors.

Palette generator öffnen

◐Hex to RGB

Convert hex colors into RGB and HSL.

◐RGB to hex

Convert RGB values into hex colors.

◐Contrast checker

Estimate WCAG contrast between two colors.

◐Palette generator

Generate simple steps between two colors.

◐CSS clamp generator

Generate responsive clamp values for font size or spacing.

◐Box shadow builder

Generate a simple shadow CSS line.