Centro de Conocimiento y Guía
Selector de Color, HEX, RGB, HSL y Armonías Cromáticas
Selector de Color, HEX, RGB, HSL y Armonías Cromáticas
Esta herramienta funciona 100% del lado del cliente en su navegador. Sus fotos, videos, grabaciones de audio y documentos PDF nunca se suben a ningún servidor, garantizando privacidad absoluta.
Fórmula y 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.
Mejores Prácticas y Consejos
- 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.
Preguntas Frecuentes
¿Qué hace el cuarto valor en un código RGBA?
La 'A' significa Alfa (opacidad). Es un valor flotante entre 0.0 (completamente transparente) y 1.0 (completamente sólido). El CSS moderno también admite códigos hexadecimales de 8 dígitos donde los dos últimos caracteres representan el canal alfa.
¿Por qué los colores se ven diferentes en mi teléfono que en mi monitor?
Los monitores poseen diferentes gamas de color de hardware (sRGB frente a Display P3) y calibraciones de brillo. Un código hexadecimal es una instrucción matemática, pero el hardware de la pantalla física decide en última instancia cómo se ilumina esa instrucción.
¿Qué es una armonía de color triádica?
Una armonía triádica selecciona tres colores que están espaciados uniformemente (a 120 grados de distancia) en la rueda de colores estándar, proporcionando un contraste muy vibrante y equilibrado, a menudo utilizado en marcas e identidades visuales.