Color Tools
Color converter, harmony palettes, WCAG contrast checker, and shade generator.
Color Preview
Generated Code
/* HEX */
color: #3b82f6;
color: #3b82f6ff; /* with 100% opacity */
/* RGB */
color: rgb(59, 130, 246);
color: rgba(59, 130, 246, 1.00);
/* HSL */
color: hsl(217deg 91% 60%);
color: hsl(217deg 91% 60% / 1.00);
/* Modern oklch (wide gamut) */
color: oklch(0.54 0.27 217);
/* CSS Variables */
:root {
--color-primary: #3b82f6;
--color-primary-rgb: 59 130 246;
--color-primary-hsl: 217deg 91% 60%;
--color-primary-alpha: rgb(var(--color-primary-rgb) / 0.5);
}HEX
RGB
0–255
HSL
Hue · Saturation · Lightness