Seletor de Cores e Conversor HEX, RGB, HSL
Inspecione, converta e compare cores entre os formatos HEX, RGB, HSL e CSS com visualização em tempo real e verificação de acessibilidade.
Color Picker & Palette Generator
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)
Sobre
O gerenciamento consistente de paletas cromáticas é essencial no desenvolvimento frontend e design de interfaces digitais. Nosso seletor calcula conversões instantâneas entre representações hexadecimais (HEX), modelos de cores aditivas (RGB) e matiz-saturação-luminosidade (HSL).