Códigos de color HTML
Explora los colores con nombre de HTML y CSS con sus valores HEX y RGB y copia cualquier código con un clic.
Cómo usarlo: Códigos de color HTML
- 1
Introduce un color
Escribe un código de color o elige un color con el selector: cada campo acepta el formato que muestra.
- 2
Mira la conversión
El resultado se actualiza al instante mientras escribes, junto con una vista previa en vivo del color.
- 3
Copia el código
Copia el valor que necesitas con un clic y pégalo en tu diseño, tu CSS o tu configuración de impresión.
Nombres de colores en HTML y CSS
HTML y CSS te permiten escribir un color como una palabra clave en lugar de un número. Además de los 16 nombres básicos, como Red, Navy u Olive, los navegadores entienden un conjunto ampliado de unos 140 nombres —Tomato, SteelBlue, RebeccaPurple y muchos más—, y cada uno corresponde a un valor HEX fijo. Los nombres no distinguen mayúsculas de minúsculas, así que color: tomato y color: Tomato significan lo mismo.
Esta página muestra los colores con nombre como muestras con su código HEX y su valor RGB. Escribe en el buscador para filtrar por nombre o por parte de un código HEX, y haz clic en una muestra para copiar su código HEX. Los colores con nombre son cómodos para prototipos y demos rápidas; para la paleta de una marca, los valores HEX, RGB o HSL te dan un control preciso de cada tono.
Todo se ejecuta localmente en tu navegador: tus imágenes nunca se suben a un servidor.