DesignConvert
Herramienta estrella

Selector de color profesional

Gira el círculo cromático, recorre el espectro y elige el tono exacto de claro a oscuro. Copia HEX, RGB, HSL o CMYK y exporta tu escala DC Chroma en un clic.

Círculo cromático

Tono221°

Pantalla de tono · claro → oscuro

S 84% · B 92%

Tu color

Muestra 6005.2:1

DesignConvert

#2563EB

Escala DC Chroma · del más claro al más oscuro

Armonías de color

Contraste (WCAG)

Aa
Sobre blanco5.2AA
Aa
Sobre negro4.1AA grande

AA exige 4.5:1 para texto normal y 3:1 para texto grande. AAA exige 7:1.

Sacar color de una imagen

Mi paleta (0/16)

Tu paleta está vacía

Pulsa la estrella junto al HEX para guardar colores. Se quedan en este navegador.

Encuentra el color perfecto en 3 pasos

El selector de color de DesignConvert reúne todo lo que necesitas para trabajar con color: un círculo cromático para elegir el tono, una barra que recorre todo el espectro y una pantalla para llevar ese tono de lo más claro a lo más oscuro.

Cada color genera al instante una escala DC Chroma de 11 muestras (50 a 950), armonías listas para usar y una comprobación de contraste WCAG. Puedes copiar el código en HEX, RGB, HSL, HSB o CMYK, o exportar la escala completa como variables CSS o configuración de Tailwind.

1

Elige el tono

Gira el círculo cromático o desliza la barra de colores hasta encontrar el tono que buscas.

2

Ajusta claro y oscuro

Mueve el punto en la pantalla de tono o toca una muestra de la escala DC Chroma.

3

Copia el código

Haz clic en HEX, RGB, HSL o CMYK para copiarlo, o guárdalo con la estrella en tu paleta.

Preguntas frecuentes

¿Qué es el círculo cromático?

Es una representación circular de los colores: el ángulo indica el tono (rojo, amarillo, verde, azul…) y la distancia al centro, la saturación. Sirve para encontrar colores y sus armonías de forma visual.

¿Cómo se genera la escala DC Chroma?

Usamos el espacio de color perceptual OKLCH para crear 11 muestras con el mismo tono y saltos de luminosidad uniformes, desde un tinte casi blanco (50) hasta una sombra profunda (950).

¿Qué es DC Chroma?

DC Chroma es el sistema de escalas de color de DesignConvert: 11 muestras numeradas de DC 50 a DC 950 con el mismo tono, de la más clara a la más oscura. Cada muestra usa códigos HEX/RGB estándar, listos para web, apps y diseño digital.

¿Puedo sacar un color de una foto?

Sí. Sube una imagen en la sección «Sacar color de una imagen» y haz clic en cualquier punto. En Chrome y Edge también puedes usar el cuentagotas para tomar un color de cualquier parte de la pantalla.

¿Para qué sirve el contraste WCAG?

Indica si un texto de ese color se lee bien sobre fondo blanco o negro. AA (4.5:1) es el mínimo recomendado para texto normal y AAA (7:1) el nivel más alto.

¿Se guarda mi paleta?

Sí, en tu navegador. No se envía a ningún servidor. Además, la URL incluye el color actual para que puedas compartirlo.

Herramientas relacionadas

Imagen a Base64SVG a imagenEditor de fotosEliminar fondo