Herramientas de color
Convierte formatos de color y crea gradientes CSS con vista previa en vivo.
Conversor de Colores
Convierte entre HEX, RGB, HSL, HSV y CMYK en tiempo real. Elige un color o pega cualquier valor — todos los formatos se actualizan al escribir.
Abrir →Generador de Gradientes CSS
Crea gradientes lineales y radiales visualmente. Ajusta paradas y ángulo, copia el CSS listo para pegar.
Abrir →Generador de Box Shadow CSS
Apila varias capas de sombra, ajusta desplazamiento, blur, spread y opacidad, copia como CSS o clase de Tailwind.
Abrir →Generador de CSS Clamp (Tipografía Fluida)
Type-scale que crece con el viewport. Elige tamaños mínimo y máximo de fuente, anchos mínimo y máximo de pantalla — recibe una regla clamp() lista con slider de previsualización en vivo.
Abrir →Visualizador de Easing CSS / Cubic-Bezier
Arrastra las manijas en SVG, escribe valores o elige entre 30+ curvas con nombre. Previsualización animada en vivo y salida lista para CSS, GSAP y Framer Motion.
Abrir →Verificador de Contraste
Comprueba la relación de contraste WCAG entre dos colores. Mira los distintivos de aprobación para AA y AAA en texto normal y grande, con vista previa en vivo.
Abrir →Simulador de Daltonismo
Mira cualquier color a través de ocho deficiencias de la visión cromática. Conoce exactamente cómo lo perciben los usuarios con protanopia, deuteranopia, tritanopia, acromatopsia y sus formas leves.
Abrir →Generador de Tintes, Tonos y Sombras
Genera diez tintes más claros, diez sombras más oscuras y diez tonos mezclados con gris a partir de cualquier color base. Haz clic en una muestra para copiar su hex.
Abrir →Generador de Armonía de Colores
Genera paletas complementarias, análogas, triádicas, tetrádicas, cuadradas, complementarias divididas y monocromáticas a partir de cualquier color base, con variables CSS para copiar.
Abrir →Colores Nombrados de CSS
Referencia buscable de las 147 colores nombrados de CSS. Haz clic en cualquier muestra para copiar el nombre; ordena por nombre, matiz o luminosidad.
Abrir →Mezclador de Colores
Combina dos colores en cualquier proporción con interpolación en luz lineal. Opcionalmente muestra 11 paradas de gradiente entre ellos.
Abrir →Generador de Paleta de Colores
Genera paletas hermosas de 5 colores que sí funcionan — banco de semillas curado, reglas de armonía, bloquea y vuelve a tirar.
Abrir →