EN
Inicio › Herramientas de imagen › Buscador de nombres de colores

Buscador de nombres de colores

Última actualización:

Introduce un color HEX o RGB, o elige uno, y ve al instante el color con nombre más cercano de una lista seleccionada de 1,547 nombres de colores.

Tu color#2F6B4Frgb(47, 107, 79)
Nombre más cercano…
Coincidencia

Colores con nombre similares

Publicidad

Explora los 1,547 nombres de colores

Publicidad

Cómo encontrar el nombre de un color

  1. Introduce tu color. Pega un código HEX como #3EB489, escribe rgb(62, 180, 137), ajusta los valores R, G y B o abre el selector de color.
  2. Ve el nombre más cercano. La herramienta lo compara al instante con 1,547 colores con nombre y muestra el más próximo junto a tu color.
  3. Explora tonos similares. Haz clic en cualquier muestra de "Colores con nombre similares" o del explorador de colores para cargarla.
  4. Copia lo que necesites. Copia el nombre del color o el valor HEX, RGB o HSL con un clic, o copia un enlace que abre exactamente este color.

¿Cómo funciona la comparación de colores?

Tu color y cada color con nombre se convierten al espacio de color CIELAB, diseñado para corresponder con la forma en que las personas ven el color. Luego la herramienta mide la diferencia con la fórmula CIEDE2000 (ΔE) y elige la menor. Por eso la coincidencia se ve correcta a tus ojos en lugar de ser solo numéricamente cercana en RGB. Un ΔE menor que 1 es prácticamente idéntico, menor que 3 es una coincidencia muy cercana y mayor que 10 significa que el nombre más cercano es solo una descripción aproximada.

¿De dónde salen los nombres de los colores?

La lista combina los más de 140 nombres de colores estándar de CSS/HTML, el conjunto clásico de colores X11, cientos de nombres de colores comunes votados por personas en una gran encuesta de colores online y una selección de nombres cotidianos de la naturaleza, la comida, las piedras preciosas, las flores y el diseño, como Sage, Terracotta, Matcha y Rose Gold. Se eliminaron los nombres duplicados y los tonos idénticos para que cada entrada sea única.

Preguntas frecuentes

¿De qué color es este código HEX?

Pega el código HEX en el campo HEX de arriba. La herramienta muestra el nombre de color más cercano, qué tan cercana es la coincidencia y los valores RGB y HSL.

¿El buscador de nombres de colores es gratis?

Sí. Es completamente gratis y sin registro. Todo se ejecuta en tu navegador.

¿Puedo introducir valores RGB en lugar de HEX?

Sí. Escribe los valores en las casillas R, G y B, o pega un valor como rgb(255, 99, 71) en el campo HEX y se reconocerá.

¿Por qué el nombre más cercano no es una coincidencia exacta?

Hay más de 16 millones de colores RGB posibles, pero solo 1,547 nombres, así que la mayoría de los colores quedan entre colores con nombre. El indicador de coincidencia te dice qué tan cerca está el nombre más próximo.

¿Puedo tomar un color de mi pantalla o de una imagen?

En Chrome, Edge y Opera, el botón "Tomar de la pantalla" te permite muestrear cualquier píxel de tu pantalla. En otros navegadores, usa el selector de color o copia el valor HEX desde tu app de diseño.

¿Puedo usar los nombres de colores en CSS?

Solo los nombres de colores CSS estándar (como Tomato, SteelBlue o RebeccaPurple) funcionan directamente en CSS. Para cualquier otro nombre, usa el valor HEX o RGB que aparece a su lado.

¿Todas las herramientas de FreeToolCabin se prueban para garantizar su calidad y precisión?

¡Sí! Cada herramienta de nuestro sitio pasa por pruebas automatizadas de control de calidad en entornos reales de navegador para garantizar alta precisión, resultados correctos y cero errores. Si encuentras un error o tienes una sugerencia, escríbenos a [email protected] y nuestro equipo lo revisará de inmediato.

Herramientas relacionadas

Conversor de RGB a CMYKConvierte colores RGB y HEX a CMYK para impresión, y viceversa.Comprimir imagen a 20 KBReduce cualquier foto a menos de 20 KB (o al tamaño que quieras).Creador de tarjetas de presentaciónDiseña tarjetas de presentación y descarga un PDF listo para imprimir.Generador de paletas de coloresGenera paletas de colores atractivas y expórtalas.HEX a RGBConvierte colores HEX a RGB y otros formatos.SVG a PNGConvierte gráficos SVG a PNG o JPEG a cualquier escala.Quitar fondo de imagenElimina el fondo de las imágenes automáticamente con IA.Comprimir JPEG a 50 KBReduce fotos a menos de 50 KB para formularios, pasaportes y exámenes.RGB a HEXConvierte RGB a HEX con controles deslizantes, muestra en vivo y copia con un clic.HEX a HSLConvierte colores HEX a HSL y viceversa con controles deslizantes interactivos.Comprobador de contraste de colorComprueba las relaciones de contraste WCAG y encuentra colores de texto accesibles.Pantone a HEXConsulta valores HEX, RGB y CMYK aproximados de colores Pantone.Simulador de daltonismoMira cualquier imagen como la ven las personas con protanopia, deuteranopia, tritanopia o acromatopsiaSelector de color de imagenElige el color de cualquier píxel de una imagen y obtén HEX, RGB, HSL y una paletaGenerador de tonalidades de colorConvierte un color HEX en una escala 50-950 con matices, sombras y tonos, lista para exportar.Generador de colores TailwindConvierte un color en una escala completa de tonos Tailwind 50–950 y exporta la configuración o el CSS.Mezclador de coloresMezcla dos colores en sRGB, lineal, OKLab u OKLCH, o combínalos con modos de fusión estilo Photoshop.Generador de colores aleatoriosGenera colores HEX aleatorios de uno en uno o por lotes, con rangos de tono, saturación y luminosidad.Rueda de coloresEncuentra armonías complementarias, triádicas, análogas y otras en una rueda interactiva.Selector de colorElige cualquier color y obtén códigos HEX, RGB, HSL, HSV y CMYK, tonalidades y un cuentagotas de pantalla.Códigos de colores HTMLLos 140 nombres de colores HTML con códigos HEX y RGB, más los 216 colores seguros para la web. Haz clic para copiar.Paleta de colores desde imagenExtrae los colores principales de cualquier foto como códigos HEX, variables CSS y una paleta en PNG.Reemplazar color en imagenHaz clic en un color de una imagen y cámbialo por otro color o por transparencia, conservando el sombreado.CMYK a RGBConvierte porcentajes CMYK a códigos de color RGB y HEX con controles deslizantes y vista previa en vivo.HSL a HEXConvierte colores HSL y HSLA a HEX y RGB con controles deslizantes y vista previa en vivo.HEX a RGBAConvierte códigos de color HEX a rgba() de CSS con un control de opacidad y copia con un clic.RGBA a HEXConvierte colores rgba() a HEX de 8 dígitos o aplana la transparencia sobre cualquier fondo.HEX a CMYKConvierte códigos de color HEX a porcentajes CMYK para impresión, con vista previa en vivo.HEX a PantoneEncuentra los 5 colores sólidos estucados de estilo Pantone más cercanos a cualquier HEX o RGB, ordenados por Delta E.Temperatura de color a RGBConvierte una temperatura de color en kelvin (1000-40000 K) a RGB y HEX con una muestra en vivo.Conversor de color OKLCHConvierte HEX, RGB y HSL a OKLCH, OKLab, Lab y LCH con comprobación de gama sRGB y P3.RAL a HEXConsulta códigos RAL Classic como HEX, RGB y CMYK, busca por nombre o encuentra el RAL más cercano.RGB a HSLConvierte valores RGB a HSL, HSV y HWB con una muestra en vivo y CSS listo para copiar.
Ver las 38 herramientas de color →

Cómo leer un código HEX a mano

Un color HEX son tres pares de dígitos en base 16 para el rojo, el verde y el azul. Cada par va de 00 (0) a FF (255). Para convertir un par, multiplica el primer dígito por 16 y súmale el segundo, donde A-F equivalen a 10-15.

Para el color predeterminado #2F6B4F: 2F = 2 × 16 + 15 = 47, 6B = 6 × 16 + 11 = 107, 4F = 4 × 16 + 15 = 79, lo que da rgb(47, 107, 79). El verde es el valor más alto, así que el color se percibe como un verde; los tres valores están muy por debajo de 128, así que es un tono oscuro. Los códigos de tres dígitos como #F60 son una abreviatura en la que cada dígito se duplica: #FF6600. Para conversiones rápidas, el conversor HEX a RGB lo hace por ti.

Nombres de colores CSS estándar que puedes usar directamente

Estos nombres funcionan en cualquier archivo CSS y forman parte de la lista con la que compara el buscador:

NombreHEXRGB
Tomato#FF6347255, 99, 71
Coral#FF7F50255, 127, 80
Salmon#FA8072250, 128, 114
Crimson#DC143C220, 20, 60
Gold#FFD700255, 215, 0
Teal#0080800, 128, 128
SteelBlue#4682B470, 130, 180
RebeccaPurple#663399102, 51, 153

La lista completa de 140 nombres está en la página Códigos de colores HTML.

Por qué el mismo nombre puede significar colores distintos

Los nombres de colores no son un estándar único. La lista clásica X11 y CSS no coinciden en algunos nombres comunes: en CSS, gray es #808080 y green es #008000, mientras que en X11 gray es el #BEBEBE, más claro, y green es el brillante #00FF00, que CSS llama lime. Las marcas de pintura, Pantone y las tiendas de moda usan a su vez sus propios nombres. Considera un nombre como una descripción útil y comparte siempre el valor HEX o RGB cuando el tono exacto importe.

Entre los usos prácticos de un nombre están las fichas de producto ("sage green" en lugar de #9CAF88), el texto alternativo de imágenes, los nombres de design tokens y describir un color a un cliente por teléfono.

Más preguntas sobre el buscador de nombres de colores

¿Por qué el color que tomé de una foto recibe un nombre distinto al que esperaba?

Un solo píxel de una foto suele ser más claro, más oscuro o tener más ruido de lo que parece la zona que lo rodea, sobre todo en JPG comprimidos. Toma la muestra del centro de una zona uniforme o amplía la imagen antes de elegir.

¿El color se ve igual en todas las pantallas?

No. El valor HEX es el mismo en todas partes, pero las pantallas difieren en brillo, calibración de color y gama de colores, así que la muestra puede verse un poco distinta en un teléfono, una laptop y un monitor.

¿El nombre es el mismo que el de un color de pintura o Pantone?

No necesariamente. Los colores de pintura y Pantone son tintas físicas con sus propios sistemas de nombres. Para encontrar colores de estilo Pantone cercanos a un valor HEX, usa una herramienta de búsqueda específica y compáralo con una muestra física.

¿Qué significa una diferencia de coincidencia grande?

Significa que tu color está lejos de todos los colores con nombre de la lista, así que el nombre más cercano es solo una descripción aproximada. Usa el valor HEX o combina el nombre con una palabra como claro, oscuro o apagado.