Idioma
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Buscador de Nombres de Colores

Buscador de Nombres de Colores

Encuentra el nombre de color más cercano para cualquier valor HEX o RGB. Compara con 147 colores CSS o más de 1500 nombres de colores extendidos.

¿Qué es el Buscador de Nombres de Colores?

El Buscador de Nombres de Colores te ayuda a identificar el nombre de color más cercano para cualquier valor de color HEX o RGB. Ya seas un diseñador que busca hacer tu código más legible o un desarrollador que quiere usar nombres de colores semánticos, esta herramienta compara instantáneamente tu color con el nombre de color más cercano de bases de datos completas.

¿Por Qué Usar Colores Nombrados?

Usar colores nombrados en tu código ofrece varios beneficios:

Legibilidad

"Tomato" es más fácil de entender que "#FF6347"

Mantenibilidad

Los colores nombrados hacen las revisiones y actualizaciones de código más simples

Comunicación

Comparte elecciones de color con miembros del equipo no técnicos

Compatibilidad CSS

147 colores CSS nombrados funcionan en todos los navegadores

Dos Bases de Datos de Colores

Elige entre dos bases de datos completas de colores:

Colores CSS

147 Colores Estándar

Colores web estándar reconocidos por todos los navegadores, incluyendo clásicos como "Red", "Blue", "Coral" y "SkyBlue"

  • Soporte nativo del navegador
  • Listo para producción
  • Compatibilidad universal
Colores Extendidos

Más de 1500 Nombres Descriptivos

Base de datos completa con nombres descriptivos como "Dusty Rose", "Ocean Blue", "Champagne" y "Terracotta"

  • Nomenclatura creativa
  • Documentación de diseño
  • Descripciones evocadoras

Coincidencia de Colores Precisa

Algoritmo Estándar de la Industria: La herramienta utiliza el algoritmo Delta E 2000 (CIEDE2000), el estándar de la industria para medir la diferencia perceptual de color. Esto asegura que el nombre de color coincidente realmente representa cómo los humanos perciben el color, no solo similitud matemática.

CIEDE2000 es la fórmula de diferencia de color más precisa disponible, teniendo en cuenta las no uniformidades en la percepción del color humano. Se utiliza en las industrias de impresión, manufactura y diseño digital.

— Comisión Internacional de Iluminación (CIE)

Cómo Usar el Buscador de Nombres de Colores

1

Ingresa Tu Color

Tienes tres formas de ingresar un color:

  • Escribe HEX - Ingresa un código HEX como "#FF5733" o "FF5733"
  • Escribe RGB - Ingresa valores RGB como "255, 87, 51" o "rgb(255, 87, 51)"
  • Usa el Selector de Color - Haz clic en el cuadro de vista previa del color para abrir el selector de color visual
2

Ver la Coincidencia

La herramienta muestra instantáneamente:

  • Nombre del Color - El nombre de color más cercano (ej., "Tomato")
  • Puntuación de Coincidencia - Porcentaje que muestra qué tan cercana es la coincidencia (100% = coincidencia exacta)
  • Valor Delta E - Medición técnica de diferencia de color (0 = idéntico)
  • Valores del Color - Valores HEX y RGB del color nombrado coincidente
3

Explorar Alternativas

Debajo de la mejor coincidencia, verás 4 colores similares. Haz clic en cualquiera de ellos para ver sus detalles y comparar opciones.

4

Copiar y Usar

Haz clic en el botón de copiar junto a cualquier valor (nombre, HEX o RGB) para copiarlo a tu portapapeles. Úsalo directamente en tu CSS, herramientas de diseño o documentación.

Consejos para Mejores Resultados:
  • Usa la base de datos Extendida para nombres de colores más descriptivos y creativos
  • Verifica la puntuación de coincidencia - puntuaciones superiores al 95% indican coincidencias muy cercanas
  • Tus colores recientes se guardan automáticamente para acceso rápido

Características

Dos Bases de Datos de Colores

Cambia entre colores estándar CSS (147 nombres compatibles con navegadores) y una base de datos extendida con más de 1500 nombres de colores descriptivos incluyendo colores inspirados en gemas, naturaleza y alimentos.

Coincidencia de Colores Delta E 2000

Utiliza el algoritmo CIEDE2000, el estándar de la industria para diferencia perceptual de color. Esto asegura que las coincidencias reflejen cómo los humanos realmente ven los colores, no solo distancia matemática RGB.

Visualización de Puntuación de Coincidencia y Delta E

Ve exactamente qué tan cercano está tu color al color nombrado con una puntuación porcentual y valor Delta E.

  • Insignia verde para coincidencias excelentes (95%+)
  • Amarillo para buenas coincidencias (80-94%)
  • Rojo para coincidencias aceptables

Sugerencias de Colores Similares

Visualiza 4 nombres de colores alternativos que también están cerca de tu entrada. Haz clic en cualquier sugerencia para explorarla más a fondo y encontrar el nombre perfecto para tu color.

Múltiples Formatos de Entrada

Ingresa colores en formato HEX (#FF5733 o FF5733) o formato RGB (255, 87, 51 o rgb(255, 87, 51)). La herramienta detecta automáticamente el formato.

Selector de Color Visual

Haz clic en la vista previa del color para abrir un selector de color visual. Selecciona cualquier color y ve instantáneamente su coincidencia de nombre de color más cercana.

Copia con Un Clic

Copia el nombre del color, valor HEX o valor RGB con un solo clic. La confirmación instantánea confirma tu acción de copia.

Historial de Colores

Tus búsquedas de colores recientes se guardan automáticamente (hasta 20 colores). Haz clic en cualquier color del historial para buscarlo rápidamente de nuevo.

Tus Datos Permanecen Privados

Toda la coincidencia de colores ocurre en tu navegador:

  • Sin cargas - Los datos de color nunca salen de tu dispositivo
  • Sin rastreo - No recopilamos tus búsquedas de colores

Preguntas Frecuentes

¿Qué es Delta E y por qué importa?

Delta E (ΔE) es una métrica para medir la diferencia perceptual entre dos colores. Un Delta E de 0 significa que los colores son idénticos. Valores menores a 1 son imperceptibles para la mayoría de las personas, 1-2 son apenas notables, y valores superiores a 10 indican colores claramente diferentes.

Esta herramienta utiliza Delta E 2000 (CIEDE2000), el estándar más preciso para la percepción del color humano.

ΔE 0-1: Imperceptible Perfecto
ΔE 1-2: Apenas Notable Excelente
ΔE 2-10: Notable Bueno
ΔE 10+: Claramente Diferente Aceptable

¿Cuál es la diferencia entre las bases de datos CSS y Extendida?

La base de datos CSS contiene 147 colores nombrados estándar que funcionan en todos los navegadores web (como "Red", "Coral", "SkyBlue"). La base de datos Extendida incluye más de 1500 colores con nombres más descriptivos como "Dusty Rose", "Ocean Blue", "Champagne" y "Terracotta" - perfectos para documentación de diseño y proyectos creativos.

Característica Colores CSS Colores Extendidos
Total de Colores 147 1500+
Soporte del Navegador Nativo Solo Referencia
Uso en CSS Uso directo Usar valores HEX/RGB
Mejor Para Código de producción Documentación de diseño

¿Por qué mi color no muestra una coincidencia del 100%?

Una coincidencia del 100% solo ocurre cuando tu color coincide exactamente con un color nombrado en la base de datos. La mayoría de los colores personalizados mostrarán un porcentaje alto (90-99%) indicando una coincidencia muy cercana. La sección de colores similares te ayuda a encontrar alternativas que podrían estar más cerca.

Entendiendo las Puntuaciones de Coincidencia: Una coincidencia del 95%+ significa que la diferencia de color es apenas perceptible para el ojo humano. Incluso las coincidencias del 85-94% se consideran excelentes para la mayoría de los propósitos de diseño.

¿Puedo usar los nombres de colores en CSS?

Sí, los 147 colores en la base de datos CSS son palabras clave de color CSS válidas. Puedes usarlos directamente en tus hojas de estilo (ej., color: tomato;). Los nombres de la base de datos Extendida son para referencia y documentación - usa sus valores HEX o RGB en el código.

Ejemplo de Colores CSS Nombrados
/* CSS Named Colors - Direct Use */
.button {
    background-color: tomato;
    color: white;
    border: 2px solid coral;
}

/* Extended Colors - Use HEX/RGB */
.card {
    background-color: #F5E6D3; /* Champagne */
    color: #2C5F7C; /* Ocean Blue */
}

¿Qué tan precisa es la coincidencia de colores?

La herramienta utiliza el algoritmo CIEDE2000, que es el estándar de la industria para coincidencia de colores utilizado en impresión, manufactura y diseño. Tiene en cuenta cómo los ojos humanos perciben las diferencias de color, haciéndolo más preciso que los cálculos simples de distancia RGB.

Distancia RGB Simple

Enfoque Matemático

  • Distancia euclidiana básica
  • Ignora la percepción humana
  • Resultados menos precisos
CIEDE2000

Enfoque Perceptual

  • Algoritmo estándar de la industria
  • Coincide con la percepción humana
  • Resultados altamente precisos

¿Se guardan o comparten mis datos de color?

No. Toda la coincidencia de colores ocurre completamente en tu navegador. Tus colores nunca se cargan a ningún servidor. El historial se almacena localmente en tu dispositivo usando el almacenamiento del navegador.

Privacidad 100% Garantizada:
  • Todo el procesamiento ocurre del lado del cliente en tu navegador
  • Sin transmisión de datos a servidores externos
  • Historial almacenado solo en el almacenamiento local del navegador
  • Sin rastreo o análisis de búsquedas de colores
  • Borra el historial en cualquier momento para eliminar todos los datos

¿Por qué algunos colores tienen nombres inusuales?

La base de datos Extendida incluye nombres creativos y descriptivos de varias fuentes incluyendo colores X11, nombres inspirados en Pantone y términos descriptivos. Estos nombres están destinados a ser evocadores y memorables, ayudando a los diseñadores a comunicar colores de manera más efectiva.

Inspirados en Gemas

Ruby, Sapphire, Emerald, Amethyst

Inspirados en la Naturaleza

Ocean Blue, Forest Green, Desert Sand

Inspirados en Alimentos

Champagne, Chocolate, Peach, Lavender
Tu color
-
Introduce un color para encontrar su nombre
-
HEX -
RGB -
Nombre -
Colores similares
Ingresa un valor HEX (#FF5733) o RGB (255, 87, 51)
Haz clic en la vista previa del color para elegir un color visualmente
Cambia a la base de datos Extendida para más de 1500 nombres de colores
Haz clic en Colores Similares para explorar alternativas
Toda la comparación ocurre en tu navegador
¿Quieres aprender más? Leer documentación →
1/6
Comience a escribir para buscar...
Buscando...
No se encontraron resultados
Pruebe con otras palabras clave