Guía

Cómo buscar nombres de colores y códigos hexadecimales

Escribe un nombre de color o un hexadecimal de seis caracteres para buscar coincidencias; si no hay coincidencia directa, un hexadecimal válido puede devolver un color cercano. Cada resultado incluye nombre, hexadecimal en minúsculas y valores RGB.

Herramienta Guía de Nombres de Colores CSS

Descripción general

Esta herramienta permite localizar colores con nombre dentro de una colección integrada y consultar su representación hexadecimal y RGB. Puede resultar útil cuando partes de un nombre, cuando ya tienes un valor hexadecimal de seis caracteres o cuando quieres obtener una alternativa con nombre para un hexadecimal válido que no encuentre coincidencia directa.

La búsqueda admite texto y valores hexadecimales. El resultado de cada coincidencia muestra el nombre del color, un valor hexadecimal en minúsculas con el prefijo # y tres valores enteros correspondientes a los canales RGB. No es necesario limitarse a una búsqueda por nombre: el mismo campo también sirve para comprobar una representación hexadecimal generada para un color.

Pasos

  1. Introduce una consulta en el campo de búsqueda. Puedes escribir parte o todo el nombre de un color, o indicar un valor hexadecimal de seis caracteres. También puedes dejar el campo vacío si quieres procesar la colección sin aplicar un filtro de nombre o de hexadecimal.

  2. Antes de comparar la consulta, la herramienta convierte el texto a minúsculas y elimina los espacios que haya al principio o al final. Por eso, escribe el valor con una grafía legible y revisa que no haya caracteres adicionales fuera del código.

  3. Ejecuta la búsqueda y revisa la lista. Con una consulta no vacía, se incluye un color cuando el texto aparece dentro de su nombre o cuando coincide con su representación hexadecimal generada en minúsculas. Con una consulta vacía no se aplica ese filtro y los nombres se procesan por orden alfabético.

  4. Si no aparece una coincidencia directa, comprueba si la consulta puede interpretarse como un hexadecimal válido de seis caracteres, con o sin # inicial. En ese caso, se selecciona un color cercano mediante la distancia basada en la suma de los cuadrados de las diferencias entre sus tres canales RGB.

  5. Lee el resultado teniendo en cuenta sus tres partes: nombre, hexadecimal de seis dígitos en minúsculas y valores enteros de rojo, verde y azul. Si la consulta sin coincidencias no tiene el formato hexadecimal válido indicado, no se añade una sugerencia de color cercano.

Interpretación de resultados

Una coincidencia por nombre indica que la consulta aparece en el nombre almacenado; no implica que la herramienta esté buscando una descripción libre del color. Una coincidencia hexadecimal requiere que el valor corresponda a la representación hexadecimal generada para ese color, después de normalizar la consulta.

La ausencia de coincidencias directas no significa necesariamente que la consulta sea inservible. Un valor hexadecimal válido de seis caracteres puede producir una referencia cercana, mientras que una palabra, un código incompleto o un valor con caracteres hexadecimales no válidos no activa esa alternativa. La sugerencia cercana debe entenderse como una selección calculada a partir de los canales RGB, no como una equivalencia de nombres.

Si dejas la búsqueda vacía, el resultado no está filtrado y el orden alfabético facilita recorrer la colección. Si se produce una excepción durante el cálculo, el resultado se marca como no satisfactorio e incluye el texto de esa excepción; ese caso debe revisarse aparte de una búsqueda sin coincidencias.

Ejemplo práctico

Quieres encontrar un color nombrado a partir del valor hexadecimal #12ab34 para comparar su nombre con sus canales RGB.

Introduce #12ab34 como consulta y ejecuta la búsqueda. Revisa si existe una coincidencia directa y, si no, si aparece una referencia cercana basada en los canales RGB.

El resultado puede mostrar un nombre de color, un hexadecimal de seis dígitos en minúsculas con # y tres valores RGB enteros; si no hay coincidencia directa y la consulta es un hexadecimal válido, puede incluir un color cercano.

Limitaciones

  • La sugerencia de color cercano solo se aplica a consultas sin coincidencia directa que, tras quitar opcionalmente #, contienen seis caracteres hexadecimales válidos. La herramienta trabaja con su colección integrada de colores nombrados y no se establece aquí que admita otros formatos de color.

Errores frecuentes

  • Usar un código que no tiene seis caracteres hexadecimales válidos. Si no hay coincidencia directa, la alternativa cercana solo se calcula cuando, tras quitar opcionalmente el signo #, quedan seis caracteres hexadecimales válidos. Corrige el código antes de volver a buscar.

Preguntas frecuentes

¿Qué ocurre si mi hexadecimal no tiene una coincidencia directa?

Cuando el valor tiene seis caracteres hexadecimales válidos, con un # inicial opcional, y no existe una coincidencia directa, se selecciona un color cercano según la distancia entre sus canales RGB. Si el formato no es válido, no se añade esa alternativa.

¿Distingue entre mayúsculas y minúsculas?

La herramienta pasa la consulta a minúsculas y elimina los espacios del principio y del final antes de compararla. Después busca el texto dentro del nombre o comprueba si coincide con el hexadecimal generado en minúsculas.

¿Puedo buscar sin escribir una consulta?

Puedes dejar el campo vacío: en ese caso no se aplican filtros por nombre ni por hexadecimal y la colección se procesa en orden alfabético por nombre. Es una forma de recorrer los colores disponibles en lugar de consultar uno concreto.

Herramienta

Guía de Nombres de Colores CSS