Buscador de nombres de color para códigos HEX
Introduce un código HEX o elige un color para ver a la derecha el nombre más cercano y sus valores RGB y HSL.
Entrada
Las coincidencias salen de una lista de 156 entradas y se marcan como CSS Standard o Extended.
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.
Cómo distinguir nombres CSS Standard y Extended en el buscador de colores
El buscador compara un código HEX con las 156 entradas de esta herramienta y devuelve la más cercana. La lista interna tiene 130 valores marcados CSS Standard y 26 alias Extended.
Los nombres se mantienen en inglés. CSS Standard puede usarse como palabra clave de una hoja de estilos; Extended es un alias de referencia y debe conservarse junto con el valor HEX.
El nombre más cercano se obtiene mediante la distancia de color.
El buscador calcula √(2ΔR² + 4ΔG² + 3ΔB²) entre la entrada y cada candidato RGB y devuelve el valor menor. No es ΔE perceptual en un espacio uniforme.
- 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 describen el mismo color de formas distintas.
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.
CSS Standard y Extended no significan lo mismo.
La lista interna de esta herramienta tiene 130 valores marcados CSS Standard y 26 alias Extended. Solo CSS Standard funciona como palabra clave de color en el navegador.
- Usa como palabra clave CSS solo un nombre marcado CSS Standard.
- Guarda un resultado Extended junto con su valor HEX.
- El nombre no es una especificación oficial ni una calificación de calidad.
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.
El resultado del nombre tiene límites claros.
El resultado es solo la entrada más cercana de la lista fija de 156 nombres de esta herramienta, no un nombre universal o certificado. Otra lista o método puede dar un nombre distinto; para impresión, marca y accesibilidad usa la especificación real y comprobaciones separadas.
FAQ
¿Cómo se elige el color más cercano?
Se calcula √(2ΔR² + 4ΔG² + 3ΔB²) y se toma la distancia menor entre 156 entradas.
¿Qué ocurre si no hay un nombre exacto?
Aunque el valor no esté en la lista, se muestran el nombre más cercano y los valores HEX, RGB y HSL del color introducido.
¿Todos los resultados son nombres CSS estándar?
No. Esta herramienta incluye 130 valores marcados CSS Standard y 26 alias Extended. Solo CSS Standard funciona como palabra clave de color CSS.
¿Puedo introducir un HEX de tres dígitos?
Sí. Un valor como #ABC repite cada dígito y se convierte en #AABBCC.
¿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.
¿Qué significan las fichas de colores cercanos?
Muestran las diez entradas más próximas con la misma distancia RGB ponderada. No garantizan similitud perceptual ni idoneidad.
¿Un nombre de color confirma el contraste accesible?
No. Comprueba aparte la proporción de contraste real entre el texto y el fondo.
¿Debo usar el nombre para impresión o aprobación de marca?
No. Es una aproximación de una lista fija; sigue la especificación oficial de la marca o un flujo de impresión calibrado.