RSRitik Sharma
Tools / Chromatic InstrumentLocal / Hydrating

Color Maker

Create, measure, test, and copy colour without leaving the instrument.

SPECIMEN / SOLID#2AD2A6
RGB
rgb(42 210 166)
HSL
hsl(164.3 66.7% 49.4%)
OKLCH
oklch(77.2022% 0.1453 169.6666)
ALPHA
100%
Active sampleSolid
#2AD2A6
Saturation / lightness measurement field
Saturation 67%, lightness 49%.Arrow keys move by 1%. Shift plus arrow moves by 10%.
Output railsrgb / copy verified
HEX#2AD2A6
RGBrgb(42 210 166)
HSLhsl(164.3 66.7% 49.4%)
OKLCHoklch(77.2022% 0.1453 169.6666)
CSSbackground-color: #2AD2A6;
Production CSSbackground-color: #2AD2A6;
Contrast19.67:1 EXACT SOLID
ALLALL value ready/* Color Maker solid output */ --color-maker-active: #2AD2A6; --color-maker-preview: #2AD2A6; background-color: #2AD2A6;
Contrast LabEXACT SOLID
19.67:1EXACT SOLID — solid WCAG contrast

NORMAL TEXT / 16 PXThe quick brown fox tests readable contrast.

LARGE TEXT / 24 PXMeasured type

  • AA text: PASS
  • AA large: PASS
  • AAA text: PASS
  • AAA large: PASS
1. Original
2. Protanopia simulation
3. Deuteranopia simulation
4. Tritanopia simulation

COLOR MAKER READY