Encuentra el color CSS con nombre más cercano y el tono Tailwind más próximo para cualquier color — coincidencia perceptual, con valores listos para copiar.

Tu color
#3B82F6
Color CSS con nombre más cercano
Diferencia:
Coincidencia exacta
Tono Tailwind más cercano
Diferencia:
Coincidencia exacta

Escribe o elige cualquier color y ve al instante el color CSS con nombre más cercano y el tono Tailwind — coincidencia perceptual en tu navegador.


Acerca de Buscador de colores con nombre

El Buscador de Colores con Nombre responde a una pregunta simple: ¿cómo se llama este color? Escribe o elige cualquier color y al instante te devuelve el color con nombre CSS más cercano, de la lista estándar que entienden los navegadores, como "steelblue" o "coral", junto con el tono más cercano de la paleta de Tailwind, como "sky-600".

La coincidencia es perceptual en lugar de puramente numérica, así que los nombres sugeridos realmente se parecen a tu color de entrada en vez de simplemente estar cerca en términos de RGB puro. Un indicador de diferencia te dice si la coincidencia es exacta, muy cercana o solo aproximada, para que sepas cuánta fidelidad estás sacrificando por un nombre memorable.

La búsqueda se ejecuta íntegramente en tu navegador con botones de copia en cada resultado. Es útil para escribir CSS más legible, alinear colores de marca arbitrarios a una escala de Tailwind, o simplemente aprender cómo se llamaría un color que tomaste de una foto.

Cómo usar Buscador de colores con nombre

  1. Escribe un valor de color o elige uno con el selector; haz clic en "Aleatorio" para explorar.
  2. Lee el color con nombre CSS más cercano y el tono de Tailwind más próximo, mostrados junto a tu entrada.
  3. Revisa el indicador de diferencia para ver qué tan cercana es cada coincidencia.
  4. Haz clic en "Copiar" sobre el valor que quieras usar.

Preguntas frecuentes

Sí. La coincidencia se calcula localmente en tu navegador contra listas de colores incorporadas, así que las búsquedas son gratis, instantáneas e ilimitadas.

CSS define alrededor de 148 colores con nombre (147 valores únicos, ya que algunos son alias como gray/grey), desde básicos como "red" hasta entradas poco comunes como "papayawhip". Todos los navegadores los entienden, y esta herramienta encuentra el más cercano a cualquier color que introduzcas.

La herramienta usa una métrica de distancia de color perceptual en lugar de una simple comparación RGB, así que el nombre sugerido refleja qué tan similares se ven realmente los colores al ojo humano, algo especialmente importante para tonos apagados y casi grises.

El tono más cercano de la paleta de colores predeterminada de Tailwind, nombrado en el familiar formato de matiz más número, como "emerald-500". Es útil para ajustar colores de diseño arbitrarios a la escala de Tailwind y mantener tus clases de utilidad consistentes.

Tu color de entrada es idéntico al color con nombre: puedes sustituir el nombre por el valor HEX sin ningún cambio visual. Los grados inferiores ("Muy cercano", "Cercano", "Aproximado") indican una diferencia creciente, aunque a menudo imperceptible.


Búsquedas populares
buscador de color con nombre nombre de color css más cercano encontrar nombre de color color tailwind más cercano hex a nombre de color identificar nombre de color
¿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.