Convertidor de códigos de color
Vea un color en HEX, RGB, HSL, CMYK y OKLCH, con escala de tonos y paletas.
Herramienta
Introduzca un solo color y esta herramienta lo convierte a todos los formatos habituales: HEX, RGB, HSL, HSV, CMYK y OKLCH. Puede escribir un código HEX (3, 4, 6 u 8 dígitos), un valor rgb() o hsl(), un nombre de color CSS como rebeccapurple, o elegir un tono con el selector de color. Cada línea de resultado se copia con un clic. Además se crea una escala de 11 tonos, de 50 a 950, a partir del mismo color.
En la sección de paletas verá colores complementarios, análogos, triádicos, tetrádicos y complementarios divididos. Junto a cada color aparece su razón de contraste con texto blanco y negro y una marca AA; WCAG AA exige al menos 4,5:1 para texto normal. Puede exportar el resultado como variables CSS, objeto colors de Tailwind o JSON. Añadiendo ?renk= a la dirección de la página comparte el color elegido mediante un enlace.
Límites: el valor CMYK es una aproximación para pantalla y no incluye perfil de impresión; en trabajos destinados a imprenta, compruébelo con el perfil de la imprenta. Las pantallas muestran el color de forma distinta, así que no se puede garantizar que el mismo código se vea igual en todos los dispositivos. Las paletas propuestas son un punto de partida, no una decisión de marca. La comprobación de contraste solo compara el color del texto y el fondo; el tamaño y el grosor de la letra se valoran aparte.
Preguntas frecuentes
¿Qué formatos de color puedo escribir?
HEX de 3, 4, 6 u 8 dígitos, rgb() y rgba(), hsl() y hsla(), y nombres de color CSS. El selector de color escribe en el mismo campo.
¿El valor CMYK imprimirá el mismo color?
No se puede garantizar. El CMYK que se muestra aquí es una aproximación para pantalla, sin perfil de impresión. Para impresión, pruebe con el perfil de su imprenta.
¿Qué significa la marca AA?
Verá una marca de aprobado cuando la razón de contraste entre el color y el texto blanco o negro alcance el umbral WCAG AA de 4,5:1. Para texto grande el umbral es menor, y esta herramienta solo comprueba el nivel de 4,5:1.
¿Se envían a algún sitio los colores que introduzco?
No. Todas las conversiones se hacen en su navegador. Sus últimos 8 colores como máximo quedan en el almacenamiento del navegador de este dispositivo y no llegan a ningún servidor.
