CLIENT-SIDE VOLATILE RUNTIME // ZERO DISK RETENTION
COLOR & CSS STUDIO // DESIGN SUITE
Real-time multi-space color conversions (HEX, RGB, HSL, HSV, CMYK, OKLCH), W3C WCAG 2.1 accessibility contrast checking, CSS gradient generation, box-shadow and glassmorphism styling, and HTML5 image palette extraction.
SWITCH TOOL:
LIVE SWATCH
#2563EBRGB(37, 99, 235) • HSL(221°, 83%, 53%)
[ QUICK PRESET SWATCHES ]
Relative Luminance: 0.1532
[ TWO-WAY SYNCED COLOR FORMATS ]
Click [ COPY ] to copy production CSS stringRGB (0 - 255)
r:
g:
b:
HSL (° / % / %)
H:
S:
L:
HSV / HSB
H:
S:
V:
CMYK (%)
c:
m:
y:
k:
CSS OKLCH (W3C CSS4)
L:
C:
H:
[ CSS CODE SNIPPETS ]
HEX:
#2563EBRGB:
rgb(37, 99, 235)HSL:
hsl(221, 83%, 53%)HSV / HSB:
hsv(221, 84%, 92%)CMYK:
cmyk(84%, 58%, 0%, 8%)CSS OKLCH:
oklch(0.546 0.215 262.9)[ TINTS, SHADES & LIGHTNESS SCALE ]
Step scales derived from base color. Click any swatch to load into the workspace.
LIGHTNESS SCALE (0% → 100% LIGHTNESS)
TINTS (ORIGINAL → PURE WHITE)
SHADES (ORIGINAL → PURE BLACK)