Guía de Nombres de Colores CSS
Consulta nombres de colores CSS, busca por término o código hexadecimal y encuentra el tono con nombre más cercano a partir de un valor RGB.
Ejecutar herramienta
Esta herramienta de consulta examina una colección integrada de nombres de colores CSS. Puedes escribir un fragmento de texto o un código hexadecimal para filtrar la lista al instante. Cada entrada muestra su nombre estándar, su código hexadecimal de seis dígitos en minúsculas precedido por almohadilla y sus tres componentes enteros en formato RGB. Si dejas el campo de búsqueda vacío, la lista presenta la colección completa ordenada alfabéticamente. Al introducir un término, el sistema elimina los espacios circundantes y convierte el texto a minúsculas para buscar coincidencias parciales en el nombre o exactas en el código hexadecimal. Cuando introduces un código hexadecimal de seis dígitos sin correspondencia directa de nombre, la utilidad calcula el color con nombre más próximo mediante la distancia cuadrática en los canales RGB. Así obtienes una alternativa visual inmediata sin necesidad de recordar manualmente cada denominación cromática.
Instrucciones
- Escribe el nombre de un color o un valor hexadecimal en el cuadro de búsqueda.
- Deja el campo vacío si prefieres revisar toda la lista ordenada alfabéticamente.
- Pulsa el botón para ejecutar la consulta y examinar los resultados coincidentes.
- Revisa los valores en formato hexadecimal y RGB de cada color encontrado.
- Si buscas un código hexadecimal sin nombre exacto, consulta la sugerencia del color más próximo.
Ejemplos
- Buscar "coral": el resultado muestra los colores cuyos nombres contienen "coral", como "coral" (#ff7f50 con RGB 255, 127, 80) y "lightcoral" (#f08080 con RGB 240, 128, 128).
- Buscar "#1a2b3c": al no existir un nombre idéntico para este código hexadecimal, la herramienta identifica "midnightblue" como el color con nombre más próximo según la distancia euclídea de color.
Preguntas frecuentes
¿Qué ocurre si dejo el campo de búsqueda en blanco?
La herramienta devuelve la lista completa de colores reconocidos en orden alfabético, junto con sus valores hexadecimales y RGB.
¿La búsqueda distingue entre mayúsculas y minúsculas?
No, el texto se normaliza automáticamente a minúsculas y se eliminan los espacios en blanco antes de comparar.
¿Cómo calcula el color más cercano si no hay coincidencia exacta?
Si introduces un código hexadecimal válido de seis caracteres, se evalúa la distancia cuadrática entre canales RGB con respecto a cada color de la colección.
¿Se admiten valores abreviados de tres caracteres como #fff?
Para el cálculo de aproximación por código hexadecimal se requiere un valor completo de seis dígitos; los formatos abreviados no generan sugerencia por proximidad.