X114

Color Picker & Palette Studio

Convert colors across HEX, RGB, HSL, HSV, OKLCH, and CMYK with live WCAG 2.1/2.2 contrast ratio analysis, tonal scales, and color harmonies.

Color Picker & Palette Generator

Quick Jump:
Palette Studio•Color Spaces & OKLCH•WCAG Accessibility FAQ•Related Tools
Scenario PresetsHandcrafted design tokens
#4F46E5
White TextRatio 6.29:1
Black TextRatio 3.34:1
Active Color RepresentationW3C Color 4 Ready
#4F46E5
Channel Adjustments
Hue (H)243°
Saturation (S)75%
Lightness (L)59%
WCAG 2.1 Contrast ComplianceRelative Luminance: 0.117
AA Normal (4.5:1)✓ PASS
AA Large (3.0:1)✓ PASS
AAA Normal (7.0:1)⚠ ADVISORY
AAA Large (4.5:1)✓ PASS
Dynamic Color Harmonies & ScaleClick any swatch to apply
Complementary (+180°)
Analogous (±30°)
Triadic (±120°)
Tonal Shade Scale (L-25 to L+25)

About

Color representation is one of the most critical foundational systems in digital interface engineering, computer graphics, and brand design. Modern web and native platforms operate across diverse color spaces: engineering code relies on HEX and RGB, design systems frequently use HSL and HSV, modern web standards leverage OKLCH (W3C CSS Color Module Level 4), and commercial print production requires subtractive CMYK.

The X114 Color Picker & Palette Studio provides an ultra-responsive, browser-native conversion workbench. It simultaneously computes 7 color representations in real time, generates dynamic color harmony palettes (complementary, analogous, triadic, and monochromatic tonal scales), and performs an automated WCAG 2.1 / 2.2 accessibility audit with subpixel relative luminance calculations against white and black backgrounds.

FAQ