10 outils · 100% in your browser

Couleur & Design

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

Couleur· 4 outils

Convertissez, vérifiez le contraste et choisissez à partir d'images.

Convertisseur de couleurs (HEX/RGB/HSL/OKLCH)

HEX, RGB, HSL et OKLCH moderne — instantanément.

Vérificateur de contraste (WCAG)

Vérifiez le contraste WCAG AA/AAA — succès ou échec.

Trouveur de couleur Tailwind

La classe Tailwind la plus proche pour n'importe quelle couleur HEX.

Sélecteur et palette de couleurs d'image

Déposez une image, extrayez sa palette.

Générateurs CSS· 4 outils

Dégradés, ombres, rayons et courbes d'atténuation.

Générateur de dégradés

Dégradés CSS linéaires, radiaux et coniques.

Générateur d'ombres portées

Éditeur visuel de box-shadow CSS.

Générateur de border-radius

Éditeur de border-radius CSS par coin.

Éditeur de courbe de Bézier

Concevez visuellement les courbes d'accélération CSS.

Mise en page· 2 outils

Unités CSS et rapports d'aspect.

Convertisseur d'unités CSS

Convertissez px, rem, em, pt et plus.

Calculateur de rapport d'aspect

Calculez les rapports et redimensionnez.