Nombres de colores HTML

Todas las herramientas Gratis

Explora los 140 colores con nombre estándar de CSS/HTML en una preciosa cuadrícula de muestras — busca por nombre o hex, filtra por familia de color y copia el valor hex, rgb() o hsl() de cualquier color con un solo clic. En tu navegador, gratis.

Los 140 colores con nombre estándar de CSS/HTML, con sus valores hex, RGB y HSL. Todo funciona en tu navegador a partir de una referencia integrada — nada se envía al servidor.

Ningún color coincide con tu búsqueda.
Prueba con otro nombre o hex — por ejemplo RebeccaPurple, #00FF00 o teal.

Acerca de Nombres de colores HTML

Esta referencia presenta los 140 colores CSS/HTML con nombre estándar —la lista completa que entienden los navegadores, desde AliceBlue hasta YellowGreen— como una cuadrícula de muestras responsiva. Cada muestra enseña el color en sí con su nombre y valor hexadecimal, y hacer clic en una abre sus formas hex, rgb() y hsl(), cada una copiable con un solo clic.

Puedes buscar por nombre o valor hexadecimal —Tomato y #FF6347 encuentran la misma muestra— y filtrar por familia: Rojos, Rosas, Naranjas, Amarillos, Marrones, Verdes, Cianes, Azules, Púrpuras, Blancos, y Grises y Negros. La vista por familia es la forma más rápida de preseleccionar candidatos cuando conoces aproximadamente el tono que quieres.

Los colores con nombre son útiles para prototipos, ejemplos de código, rellenos SVG y enseñanza, porque un nombre como RebeccaPurple comunica la intención mejor que un triplete hexadecimal. Los valores RGB y HSL se derivan en tu navegador a partir del hexadecimal de cada color, y nada de lo que buscas se envía a un servidor.

Cómo usar Nombres de colores HTML

  1. Busca por nombre de color o valor hexadecimal; por ejemplo Tomato, teal o #00FF00.
  2. Filtra por familia —Rojos, Azules, Grises y demás— para preseleccionar colores en un rango de tono.
  3. Haz clic en una muestra para copiar su valor hexadecimal al instante.
  4. Abre el popover de la muestra para copiar en su lugar la forma rgb() o hsl().

Preguntas frecuentes

Hay 140 colores con nombre estándar en el CSS moderno, que amplían los 16 colores HTML originales con la lista más grande derivada de X11. Todos los navegadores actuales los admiten todos, en cualquier propiedad que acepte un color.

No. tomato, Tomato y TOMATO son todos válidos e idénticos en CSS y HTML. Las formas en camelCase que se muestran aquí son solo la escritura convencional que hace legibles nombres de varias palabras como LightGoldenrodYellow.

Los nombres son estupendos para ejemplos, prototipos y detalles puntuales; las paletas de producción suelen vivir en propiedades personalizadas con valores hex, rgb() o hsl(), porque los colores de un sistema de diseño rara vez coinciden exactamente con un color con nombre. Funcionalmente, un nombre y su hexadecimal son intercambiables.

CSS incluye ambas grafías para gray y sus variantes —gray/grey, darkgray/darkgrey y así sucesivamente— asignando cada par al mismo valor, así que ninguna de las dos grafías es incorrecta.

Sí. Las 140 muestras, la búsqueda, los filtros por familia y la copia de hex/rgb()/hsl() son gratuitos y se ejecutan enteramente en tu navegador.
Compartir
Herramientas relacionadas
Códigos de estado HTTP Consulta cualquier código de estado de respuesta HTTP (1xx–5xx) en un directorio buscable y filtrable, y abre cualquier código para ver qué significa, cuándo usarlo, si es almacenable en caché y el RFC que lo define. En tu navegador, gratis. Gratis
Métodos HTTP Una referencia fácil de escanear de cada método de petición HTTP — GET, POST, PUT, PATCH, DELETE y los demás, además de WebDAV — que muestra de un vistazo si cada uno es seguro, idempotente y almacenable en caché, si lleva cuerpo y un ejemplo típico. En tu navegador, gratis. Gratis
Referencia de cabeceras HTTP Consulta las cabeceras de petición y respuesta HTTP más comunes en un directorio buscable — filtra por dirección y categoría, lee una descripción de una línea y un ejemplo realista, y copia el nombre de cualquier cabecera con un clic. En tu navegador, gratis. Gratis
Tipos de registros DNS Explora cada tipo de registro DNS común — A, AAAA, CNAME, MX, TXT, NS, SOA, PTR, SRV, CAA, DNSKEY, DS, TLSA y más — con su propósito, un ejemplo copiable de archivo de zona y una categoría. Busca y filtra al instante, en tu navegador, gratis. Gratis
Números de puerto TCP/UDP Consulta los puertos de red conocidos y de uso común en una tabla buscable — FTP, SSH, HTTP, HTTPS, MySQL, Postgres, RDP, Redis, MongoDB y más de 120 — cada uno con su protocolo de transporte, servicio, descripción y categoría. Busca por número de puerto o nombre de servicio y copia los valores al instante. En tu navegador, gratis. Gratis
Calculadora de subredes / CIDR Calcula subredes IPv4 a partir de CIDR o máscara: red, difusión, rango de hosts, wildcard y más. Gratis
¿Necesitas ayuda?
¿Encontraste un problema con esta herramienta? Avísanos.
Informar de un problema

Añade esta herramienta gratuita a tu propio sitio web: copia y pega el código de abajo.