Conversor de Colores
Escribe o elige un color y obtenlo al instante en HEX, RGB, HSL y HSB, cada uno con su propio botón de copiar.
Opciones
Pick a color, type one, or generate a random one.
Resultados
Cómo convertir colores entre formatos
Escribe o elige un color y velo al instante en HEX, RGB, HSL y HSB, cada uno listo para copiar.
Formatos explicados
- HEX representa rojo, verde y azul como tres pares de dígitos hexadecimales, opcionalmente con un cuarto par para alfa.
- RGB lista rojo, verde y azul como números de 0 a 255.
- HSL describe un color por matiz, saturación y luminosidad, lo cual suele ser más intuitivo para elegir un tono.
- HSB (también llamado HSV) es similar a HSL pero usa brillo en lugar de luminosidad, igual que funcionan muchos selectores de color en herramientas de diseño.
Escribir un color directamente
El campo de texto acepta notación HEX (#335A9C o #335A9C80 con alfa), rgb()/rgba() y hsl()/hsla(). Un valor inválido permanece en el campo para que puedas seguir editándolo, mientras que la muestra y los resultados siguen mostrando el último color válido.
Cómo usarlo
- Elige un color, escribe uno directamente, o elige Color aleatorio.
- Lee el valor convertido en cualquiera de los cuatro campos de formato.
- Elige Copiar junto al formato que necesites.
Notas sobre el formato de color
El alfa se conserva en los formatos que lo admiten. HSB se incluye para comparar con herramientas de diseño, mientras que CSS suele usar HEX, RGB(A) o HSL(A).
Preguntas frecuentes
¿Esto admite transparencia?
Sí. Un valor HEX de 8 dígitos o un valor rgba()/hsla() con un canal alfa se analiza y se refleja en cada formato que lo admite.
¿Por qué el selector de color solo muestra HEX?
El campo de color nativo del navegador solo funciona con valores HEX opacos. El alfa se conserva por separado y se muestra en los campos RGB(A) y HSL(A).
¿Cuál es la diferencia entre HSL y HSB?
Ambos describen el matiz y la saturación de la misma forma. El tercer valor de HSL es la luminosidad, donde 50% es la versión más pura del matiz; el tercer valor de HSB es el brillo, donde 100% es la versión más pura. El mismo color tiene números distintos en cada uno.
¿Puedo pegar HEX corto como #369?
Sí. El HEX de tres dígitos se expande a seis dígitos, así que #369 se convierte en #336699. Usa HEX de ocho dígitos cuando también necesites alfa.