Outils Couleur

Sélectionnez couleurs, créez palettes et convertissez formats. HEX, RGB, HSL, HSV—générateur de gradients et nuanciers gratuits.

31 outils disponibles

Outils Couleur 20

Generateur Border Radius

Générateur CSS border-radius avec contrôle par coin, unités px/rem/em/% et propriétés abrégées ou détaillées. Aperçu direct et code CSS prêt à coller.

Createur CSS Clip-path

Générateur visuel de CSS clip-path : glissez les points, importez un clip-path existant, copiez le CSS avec préfixe -webkit-. Polygone, cercle, ellipse, inset.

Generateur Glassmorphism

Créez des effets modernes de verre dépoli avec CSS backdrop-filter. Ajustez blur, transparence, bordures. 6 presets, aperçu direct, copiez du code prêt.

Sélecteur Pro

Sélecteur de couleurs pro : harmonies, nuances, teintes, dégradés, HEX/RGB/HSL/CMYK et ratios de contraste WCAG en direct avec badges AA/AAA.

Générateur Flexbox

Générateur visuel de CSS Flexbox avec aperçu en direct. Réglez justify-content, align-items, gap et order, puis copiez le CSS (flex shorthand) et le HTML.

Animation CSS

Créez des animations CSS @keyframes visuellement. 11 presets, aperçu en direct, table de keyframes éditable, transform + opacité + couleur, copiez CSS prêt.

Calculateur clamp()

Calculateur CSS clamp() gratuit pour typographie fluide avec sortie rem/px, custom properties et échelles type Utopia. Aperçu en direct et contrôle de zoom WCAG 1.4.4.

Générateur Ombres

Générateur box-shadow avec aperçu en direct : couches multiples, inset, RGBA. Copiez en CSS, classe Tailwind ou React/JSX. Presets Material et neumorphisme.

Éditeur Cubic Bezier

Éditeur visuel cubic-bezier pour animations CSS. Faites glisser les poignées pour créer vos courbes d'easing, visualisez l'animation en direct et copiez le code.

Convertisseur de Couleurs

Convertissez les couleurs HEX, RGB, HSL et CMJN avec aperçu en direct, plus un vérificateur de contraste WCAG 2.1 pour un texte accessible AA/AAA et un design adapté au daltonisme.

Générateur Dégradés

Générateur de dégradés CSS avec interpolation OKLCH, contraste WCAG et export Tailwind v4, SVG et jeton de design. Aperçu en direct, code prêt à copier.

Générateur Paires Mode Sombre

Collez une palette HEX en mode clair et obtenez les couleurs mode sombre correspondantes via inversion de luminosité OKLCH. Vérifications WCAG et export CSS.

Harmonies Couleurs

Générez des palettes complémentaires, analogues, triadiques, tétradiques, complémentaires divisées et monochromatiques depuis un HEX, avec le ratio de contraste WCAG par nuance.

Mélangeur Couleurs

Mélangez deux couleurs HEX en OKLab perceptuel pour des milieux vifs, créez une rampe de 3-10 étapes et copiez-la en linear-gradient CSS ou liste HEX.

Nuances Couleurs

Créez des rampes de couleur uniformes depuis tout HEX. 4-16 nuances et teintes avec contrôle de contraste WCAG (AA/AAA) en direct. Export CSS, JSON, Tailwind.

Palette de Couleurs

Générateur de palette avec audit de contraste WCAG intégré. Créez des harmonies ou extrayez d'images et exportez des design tokens en CSS, SCSS, JSON pour Tailwind et Figma.

Pipette de Couleur

Prélevez des couleurs d'images avec précision pixel par pixel. Obtenez instantanément les valeurs HEX, RGB, HSL et HSV. Pipette gratuite pour designers et développeurs.

Simulateur Daltonisme

Simulez 9 types de déficience de vision des couleurs sur images ou palettes. Testez protanopie, deutéranopie, tritanopie, achromatopsie. Comparaison côte à côte.

Température Couleur

Convertissez Kelvin (1000K–40000K) en HEX, RGB, HSL et mired, avec calculateur de gel CTO/CTB pour balance des blancs, LED vidéo 5600K et tungstène 3200K.

Vérificateur Contraste

Vérificateur de contraste couleur WCAG 2.1 et APCA gratuit. Testez texte et fond pour l'accessibilité AA/AAA avec verdict par taille pour ADA et Section 508.

Conversion 8

Conversion de Couleur 8

cmjn vers rvb

Convertissez instantanément les valeurs de couleur CMJN en RVB avec aperçu couleur en direct. Outil gratuit de conversion CMJN vers RVB en ligne.

hex vers rvb

Convertissez instantanément les codes couleur hexadécimaux en valeurs RVB avec aperçu couleur en direct. Outil gratuit de conversion Hex vers RVB en ligne.

rvb vers cmjn

Convertissez instantanément les valeurs de couleur RVB en CMJN avec aperçu couleur en direct. Outil gratuit de conversion RVB vers CMJN pour l'impression.

rvb vers hex

Convertissez instantanément les valeurs de couleur RVB en codes couleur hexadécimaux avec aperçu couleur en direct. Outil gratuit de conversion RVB vers Hex.

rvb vers tsl

Convertissez instantanément les valeurs de couleur RVB en TSL avec aperçu couleur en direct. Outil gratuit de conversion RVB vers TSL en ligne.

rvb vers tsv

Convertissez instantanément les valeurs de couleur RVB en TSV avec aperçu couleur en direct. Outil gratuit de conversion RVB vers TSV en ligne.

tsl vers rvb

Convertissez instantanément les valeurs de couleur TSL en RVB avec aperçu couleur en direct. Outil gratuit de conversion TSL vers RVB en ligne.

tsv vers rvb

Convertissez instantanément les valeurs de couleur TSV en RVB avec aperçu couleur en direct. Outil gratuit de conversion TSV vers RVB en ligne.

Outils Développeur 1

Utilitaires 1

Spécificité CSS

Calculez la spécificité CSS de tout sélecteur. Décomposition colorée, comparaison multi-sélecteur, supporte :is, :not, :has, :where selon W3C.

Outils Image 1

Extracteur de couleurs dominantes

Extracteur de couleurs dominantes gratuit. Obtenez 1-16 couleurs prédominantes de toute image avec median-cut. Export HEX, RGB, variables CSS, JSON.

Outils Vidéo 1

Filtre de Couleur Vidéo

Réglez luminosité, contraste, saturation et teinte de la vidéo dans le navigateur. Préréglages chaud, froid, vibrant, vintage, noir, niveaux de gris, inversion, export MP4/WebM.