Conversor de colores HEX, RGB y HSL
Escribe o elige un color y cópialo en HEX, RGB, HSL o CMYK. También ves si el texto se lee bien encima y sus tonos más claros y oscuros.
Todo en tu navegador: los colores se calculan en tu dispositivo y no se envían a ningún sitio.
El CMYK es una conversión aproximada para pantalla: para imprimir con precisión, usa el perfil de color de tu imprenta.
Cómo convertir un color de HEX a RGB
Escribe el color en el formato que tengas: #45489A, #fff, rgb(69, 72, 154), hsl(238, 38%, 44%) o un nombre como tomato. Al instante aparecen todos los formatos con su botón de copiar, y también puedes elegirlo con el selector de color.
Los formatos
- HEX: el más usado en diseño web, Canva y Figma. Con 8 cifras incluye la transparencia.
- RGB: cantidad de rojo, verde y azul de 0 a 255.
- HSL: tono, saturación y luminosidad; cómodo para crear variaciones del mismo color.
- CMYK: aproximación para impresión.
- Android y Swift: el mismo color listo para pegar en el código de una app.
Contraste y accesibilidad
La herramienta calcula el contraste del color con texto blanco y negro según las pautas WCAG: 4,5:1 es el mínimo recomendado para texto normal (AA) y 7:1 el ideal (AAA). Si quieres sacar los colores de una foto o un logo, usa la paleta de colores desde imagen.
Preguntas frecuentes
¿Cómo paso un color de HEX a RGB?
Escribe el código HEX (por ejemplo #45489A) y copia el valor de la fila RGB: rgb(69, 72, 154).
¿Qué formatos acepta?
HEX de 3, 4, 6 u 8 cifras, rgb() y rgba(), hsl() y hsla(), y los nombres de color de CSS como red o rebeccapurple.
¿Qué significa el contraste 4,5:1?
Es la diferencia de luminosidad entre el texto y el fondo. Las pautas WCAG piden al menos 4,5:1 para que el texto normal se lea bien, y 3:1 para texto grande.
¿Para qué sirven los tonos más claros y oscuros?
Para crear una paleta coherente a partir de un color: fondos suaves, bordes o estados de botones. Toca cualquiera para copiar su código.
¿El CMYK es exacto?
Es una conversión matemática aproximada. Para imprimir con colores exactos, pide a tu imprenta su perfil de color.
¿Se envía algo a internet?
No. Todos los cálculos se hacen en tu navegador.