Central de Conhecimento e Guia
Seletor de Cores, HEX, RGB, HSL e Harmonias Cromáticas
Seletor de Cores, HEX, RGB, HSL e Harmonias Cromáticas
Esta ferramenta opera 100% do lado do cliente. Suas fotos, vídeos, arquivos de áudio e documentos PDF nunca são enviados a servidores externos, garantindo privacidade completa.
Fórmula e Método de Cálculo
HEX = Concat( DecToHex(R), DecToHex(G), DecToHex(B) )
A standard Hex code (e.g., #FF5733) is simply three 8-bit integers (0 to 255) converted into base 16 format, representing the Red, Green, and Blue light channels.
Melhores Práticas e Dicas
- Understand HSL for UI Design: While Hex is the web standard, Hue Saturation Lightness (HSL) is vastly superior for developers. Changing `hsl(200, 50%, 50%)` to `hsl(200, 50%, 40%)` instantly creates a perfect darker hover state.
- Avoid Pure Black: In UI design, pure black (`#000000`) on pure white creates severe eye strain due to absolute contrast. Use a dark slate gray (like `#111827`) to soften the visual impact.
- Check Contrast Accessibility: Selecting a beautiful color palette is useless if visually impaired users cannot read the text. Always verify your selected colors against the WCAG 4.5:1 minimum contrast ratio.
Perguntas Frequentes
O que faz o 4º valor em um código RGBA?
O 'A' significa Alfa (opacidade). Trata-se de um valor flutuante entre 0.0 (totalmente transparente) e 1.0 (totalmente sólido). O CSS moderno também suporta códigos hexadecimais de 8 dígitos, nos quais os dois últimos caracteres representam o canal alfa.
Por que as cores parecem diferentes no meu celular e no meu monitor?
Monitores possuem diferentes gamas de cores de hardware (sRGB vs Display P3) e calibrações de brilho. Um código hexadecimal é uma instrução matemática, mas o hardware físico da tela é quem decide, em última análise, como essa instrução será iluminada.
O que é uma harmonia de cores Triádica?
A harmonia triádica seleciona três cores igualmente espaçadas (a 120 graus de distância) no círculo cromático padrão, proporcionando um contraste altamente vibrante e equilibrado, frequentemente utilizado em marcas e identidade visual.