Diseño y color
Selectores, paletas, degradados y verificadores de contraste.
Selector y conversor de color
Elige un color y conviértelo entre HEX, RGB, HSL y OKLCH.
Nuevo Verificador de contraste de color
Comprueba las relaciones de contraste WCAG AA/AAA entre el texto y el fondo.
Nuevo Generador de degradados CSS
Crea degradados CSS lineales, radiales y cónicos con vista previa en vivo.
Nuevo Generador de box-shadow CSS
Crea box-shadows CSS de varias capas con preajustes y vista previa. Copia el CSS, el valor o el estilo de React al instante.
Nuevo Generador de paletas de color
Genera paletas complementarias, análogas, triádicas y monocromáticas.
Nuevo Generador de Cubic Bezier
Diseña una curva de aceleración CSS arrastrando puntos de control, con vista previa en vivo.
Nuevo Generador de border-radius
Crea visualmente esquinas redondeadas CSS y formas orgánicas tipo blob.
Nuevo Playground de CSS Flexbox
Ajusta las propiedades de flex con vista previa en vivo y copia el CSS.
Nuevo Playground de CSS Grid
Ajusta columnas, espacio y alineación de la cuadrícula con vista previa en vivo y CSS.
Nuevo Generador de glassmorphism
Diseña una tarjeta de cristal esmerilado y copia el CSS, con vista previa en vivo.
Nuevo Generador de text-shadow CSS
Ajusta una sombra de texto CSS con vista previa en vivo y copia el código.
Nuevo Mezclador de colores
Mezcla dos colores en cualquier proporción y copia el resultado o cualquier paso.
Nuevo Selector de color de imagen
Elige cualquier color de una imagen y extrae su paleta dominante en HEX, RGB y HSL.
Nuevo Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
Nuevo Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.