Cómo se usa
- Introduce un nombre CSS o un código de color y pulsa Aplicar.
- Elige un color en Comparar con para revisar su contraste con el color seleccionado.
- Pulsa Copiar enlace para compartir el color seleccionado.
Ejemplos
Convertir el azul de una marca a RGB y HSL
#2451E8
HEX: #2451E8 RGB: rgb(36, 81, 232) HSL: hsl(226, 81%, 53%) HSV: hsv(226, 84%, 91%) CMYK: cmyk(84%, 65%, 0%, 9%) Nombre: ≈ MediumSlateBlue vs. blanco: 6.14:1 — ✓ AA, ✓ AA grande, ✕ AAA, ✓ AAA grande vs. negro: 3.41:1 — ✕ AA, ✓ AA grande, ✕ AAA, ✕ AAA grande
Obtener el HEX de un naranja definido en RGB
rgb(255 136 0)
HEX: #FF8800 RGB: rgb(255, 136, 0) HSL: hsl(32, 100%, 50%) HSV: hsv(32, 100%, 100%) CMYK: cmyk(0%, 47%, 100%, 0%) Nombre: ≈ DarkOrange vs. blanco: 2.39:1 — ✕ AA, ✕ AA grande, ✕ AAA, ✕ AAA grande vs. negro: 8.77:1 — ✓ AA, ✓ AA grande, ✓ AAA, ✓ AAA grande
Revisar el contraste de un texto gris sobre blanco
#767676
HEX: #767676 RGB: rgb(118, 118, 118) HSL: hsl(0, 0%, 46%) HSV: hsv(0, 0%, 46%) CMYK: cmyk(0%, 0%, 0%, 54%) Nombre: ≈ Gray (grey) vs. blanco: 4.54:1 — ✓ AA, ✓ AA grande, ✕ AAA, ✓ AAA grande vs. negro: 4.62:1 — ✓ AA, ✓ AA grande, ✕ AAA, ✓ AAA grande
Nombres de colores HTML (148)
Los 148 nombres de colores CSS compatibles con los navegadores modernos, agrupados por familia. Haz clic en una fila para cargar el color o en un valor HEX o RGB para copiarlo.
| Color | Nombre | HEX | RGB |
|---|
Preguntas frecuentes
¿Los nombres de colores HTML se escriben en español?
Usa los nombres CSS en inglés, como red, gold o rebeccapurple. La tabla incluye 148 nombres con sus códigos HEX y RGB. Si el color no coincide exactamente, la herramienta muestra el nombre más cercano.
¿Cómo obtengo colores HTML pastel?
Selecciona un color y elige una de las muestras aclaradas con blanco. La herramienta ofrece nueve mezclas con blanco, del 10 % al 90 %, además de nueve con negro y un color complementario.
¿Puedo sacar un color HTML de una imagen?
No puedes subir una imagen a esta herramienta. Si tu navegador lo admite, usa Elegir de la pantalla para tomar un color de una imagen que tengas visible.
¿Se conserva la transparencia de un código RGBA?
La transparencia se ignora y aparece un aviso. Los resultados representan solo colores sRGB opacos, también cuando introduces un HEX de cuatro u ocho dígitos.
¿Los valores CMYK sirven para imprimir?
Son aproximados y se calculan sin un perfil de color. Para preparar un archivo de impresión, usa el perfil de tu impresora.