Buscador de Nombres de Color
Introduce un código HEX o elige un color para ver al instante el nombre estándar más cercano y sus valores RGB y HSL.
Entrada
Los nombres se muestran como nombres estándar CSS/W3C en inglés.
Resultado
- HEX
- #3498DB
- RGB
- HSL
sin rodeos.
- Todo a la vistaLa zona de entrada y los resultados se reconocen rápido.
- Resultado primeroEl número principal va delante; el detalle queda debajo.
- Menos requisitosSin registro ni datos innecesarios antes de usar la herramienta.
Leer un valor de color junto a su nombre
Un color se transmite mejor cuando el código acompaña a la impresión visual. Esta herramienta compara el color introducido con una lista con nombre y devuelve la coincidencia más cercana.
Los nombres del resultado son nombres estándar CSS/W3C en inglés, no etiquetas traducidas. Sirven como vocabulario compartido en una hoja de estilos, una nota de diseño o una conversación técnica.
El nombre cercano sale de una distancia de color.
El buscador compara las diferencias RGB entre la entrada y cada color nombrado. Si no hay igualdad exacta, muestra el candidato con la distancia menor.
- Se consideran juntos rojo, verde y azul.
- Una coincidencia cercana no significa identidad visual.
- Las fichas permiten revisar valores vecinos.
HEX guarda luz en seis dígitos.
Cada pareja de HEX representa rojo, verde y azul entre 00 y FF. En #3498DB, 34, 98 y DB son los niveles de cada canal.
- Conserva el # al pegar en CSS.
- 00 indica ausencia de luz en un canal.
- FF indica intensidad máxima.
RGB y HSL leen un mismo color de otra forma.
RGB expresa las tres luces de una pantalla; HSL ordena el resultado por posición en la rueda, saturación y luminosidad.
- RGB sirve para cotejar píxeles.
- HSL facilita ajustar un tono.
- Las dos notaciones pueden renderizar el mismo color.
Matiz y luminosidad orientan el ajuste.
Hue es el ángulo de la rueda y lightness sitúa el color entre negro y blanco. Al bajar la saturación se conserva el matiz, pero el resultado se acerca al gris.
- El hue cercano a 0 grados es rojizo.
- Lightness 50% queda en el punto medio.
- La saturación y la luminosidad no son lo mismo.
Los nombres CSS/W3C siguen en inglés.
Las especificaciones y el código los definen como identificadores ingleses, por eso no se traducen. Así una nota, el navegador y una hoja de estilos comparten la escritura.
- Un nombre estándar funciona directamente en CSS.
- Anota por separado un alias de marca.
- El nombre hallado no califica la calidad del color.
Las fichas similares aclaran la elección.
No decidas solo por el primer resultado: compara muestras y HEX. Junto al fondo previsto, un candidato vecino puede resultar más apropiado.
- Pulsa una ficha para cargar su valor.
- Revisa la luminosidad de los vecinos.
- Copia el valor final al registro de trabajo.
El historial queda en este navegador.
Los colores vistos se guardan en el almacenamiento local de este dispositivo para abrirlos de nuevo. Borra la lista al terminar en un equipo compartido.
El contraste accesible depende de la pareja.
Un nombre como Blue o Gray no demuestra que un texto se lea bien. Comprueba los valores reales de primer plano y fondo con otra herramienta de contraste.
Los formatos breves producen errores frecuentes.
HEX de tres dígitos duplica cada carácter y la falta de # puede hacer que CSS lo lea como texto. Tras pegar, revisa el valor expandido de seis dígitos.
La entrega práctica incluye un valor concreto.
Para un azul de marca, busca #3498DB y anota “fondo de botón: #3498DB” junto al nombre candidato. Desarrollo puede reproducir la decisión sin adivinar.
FAQ
¿Cómo se elige el color más cercano?
Se calcula una distancia ponderada entre los canales RGB y se selecciona la entrada más próxima de la lista.
¿Qué ocurre si no hay un nombre exacto?
Aunque el valor no esté en la lista, se muestran el nombre más cercano y sus valores.
¿Dónde se guardan los colores recientes?
Las entradas recientes se guardan solo en localStorage de este navegador y se borran con el botón Borrar.
¿Un nombre de color confirma el contraste accesible?
No. Comprueba aparte la proporción de contraste real entre el texto y el fondo.