Generate split-complementary color palettes ($H pm 150^circ$) in OKLCH color space for uniform lightness and chroma perception.
Execution runs 100% locally inside the browser sandbox using HTML5 Canvas, Web Cryptography Subtle API, and Web Workers. Zero egress.
Zero network latency. Operates completely offline with zero dependencies on third-party backend servers or cloud services.
Built according to official RFC specifications, cryptographic test vectors, and enterprise-grade data transformation standards.
RGB [0, 255] ⇄ HSL [0°, 360°, %] ⇄ HEX #RRGGBB ⇄ LAB / LCHHEXRGBHSL“Converting pure cobalt blue across color spaces.”
Parse hex pairs into 8-bit integers.
Calculate cylindrical coordinates.
The color is mathematically normalized across all target web design models.
Use the visual color picker or paste any valid HEX, RGB, or HSL code.
Examine real-time conversion values across all supported color formats.
Click on any color value to copy it directly in standard CSS syntax.
Contrast ratios are calculated using relative luminance: (L1 + 0.05) / (L2 + 0.05), where L1 is the lighter color and L2 is the darker color, according to WCAG 2.1 criteria.
Utilifie is 100% free with zero data tracking. Support continuous development and tool elevations.
Zero-egress companion tools in the Color & Palette suite
Generate equal-chroma 3-color triad harmonies (0°, +120°, +240°) in the perceptually uniform OKLCH space.
Generate modern Tailwind CSS `bg-gradient-to-r` and CSS `linear-gradient(in oklch, ...)` with zero middle-gray dead zones.
Generate zero-JavaScript CSS pie and donut charts (`background: conic-gradient(#10b981 0% 45%, #3b82f6 45% 80%, #f43f5e 80% 100%)`).
Explore modern OKLCH color space with Lightness, Chroma, and Hue sliders and Hex/RGB/HSL conversion