10 herramientas · 100% in your browser

Color y Diseño

Color and CSS tools for designers: HEX/RGB/HSL/OKLCH converter, WCAG contrast checker, gradient, shadow, border-radius and bezier generators, Tailwind colour…

Color· 4 herramientas

Convertir, comprobar contraste y extraer de imágenes.

Conversor de Color (HEX/RGB/HSL/OKLCH)

HEX, RGB, HSL y el moderno OKLCH — al instante.

Comprobador de Contraste (WCAG)

Comprueba el contraste WCAG AA / AAA — pasa o falla.

Buscador de Colores Tailwind

La clase Tailwind más cercana para cualquier color HEX.

Selector de Color e Paleta de Imagen

Arrastra una imagen, extrae su paleta.

Generadores CSS· 4 herramientas

Gradientes, sombras, radios y curvas de aceleración.

Generador de Gradientes

Gradientes CSS lineales, radiales y cónicos.

Generador de Sombras de Caja

Editor visual de box-shadow CSS.

Generador de Border Radius

Editor de border-radius CSS por esquina.

Editor de Cubic Bezier

Diseña curvas de easing CSS visualmente.

Maquetación· 2 herramientas

Unidades CSS y proporciones de aspecto.

Conversor de Unidades CSS

Convierte px, rem, em, pt y más.

Calculadora de Relación de Aspecto

Calcula relaciones y redimensiona dimensiones.