Color Studio

Crea paletas de color armoniosas desde una rueda de color interactiva — aplica reglas de armonía como análoga, complementaria o tríada, y copia cualquier valor al instante.

Mezcla un color inicial con un color final en hasta 10 pasos — previsualiza el degradado, captura cada tono y copia cualquier formato al instante.

Genera una gama completa de tintes y sombras a partir de un solo color — elige el paso de oscurecimiento/aclarado y la cantidad de tonos, y copia cualquier valor al instante.

Extrae una paleta refinada y lista para copiar de cualquier imagen.

Convierte colores entre HEX, RGB, RGBA, HSL, HSLA y HSV — elige un color, ajusta el alfa y copia cualquier formato al instante.

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.

Muestra cualquier píxel de tu pantalla con el cuentagotas, o selecciona colores de una imagen descartada, y recógelos en una paleta lista para copiar.

Extrae un degradado hermoso de cualquier foto — suelta una imagen, elige un mood, y los colores dominantes se convierten en paradas de degradado arrastrables. Copia el CSS listo para pegar al instante.

Crea degradados CSS lineales, radiales y cónicos desde cero con control de múltiples paradas arrastrables y presets seleccionados. Copia el CSS listo para pegar al instante.

Pega o importa un conjunto de colores y expórtalos al instante a variables CSS, SCSS, configuración de Tailwind, JSON o muestras SVG — el paso final para cualquier paleta.

Comprueba la relación de contraste WCAG entre un color de texto y uno de fondo — ve las notas de aprobado/reprobado AA/AAA para texto normal, texto grande y componentes de interfaz, con una previsualización en vivo y sugerencias de colores accesibles.

Ve tu imagen o paleta como la ven personas con protanopia, deuteranopia, tritanopia o acromatopsia — todo se ejecuta en tu navegador, nada se sube.