colorizeSÉLECTEUR DE COULEUR
Choisissez une couleur.
Découvrez tout sur elle.
Sélectionnez une teinte ou saisissez un code HEX pour inspecter instantanément ses nuances, palettes et conformité WCAG.
palette
Inspecteur IntelligentSuite UniversellePrécision 0.01% ΔE
Boîte à outils couleur complète
#3B82F6• Drag to pick
Cliquer et glisser dans la zonesRGB • 0.01% ΔE
Spectre de teinte217°
Opacité100%
HEX
#3B82F6
RGB
59 130 246
HSL
217° 91% 60%
HSV
217° 76% 96%
CMYK
76% 47% 0% 4%
boltActions rapides
info
Tip: Press C to copy active HEX.
Shades
7 StepsDarker variations of your color.
#3B82F6→#102343
Tints
7 StepsLighter variations of your color.
#3B82F6→#FFFFFF
Color Palette
HarmoniousHarmonious color combinations.
Click any swatch to inspect
Gradient
CSS 90degCreate beautiful gradients.
#3B82F6 → #EC4899
stars
Voir tous les outilsarrow_forwardOUTILS POPULAIRES
Base de Connaissances & FAQ
Foire Aux Questions
Réponses directes et solutions aux questions courantes, défis techniques et normes de l'industrie.
Pourquoi les couleurs semblent-elles différentes en CSS par rapport à Figma ou Photoshop ?expand_more
Cet écart est principalement causé par des différences d'espace colorimétrique. Les navigateurs web interprètent le code HEX standard dans l'espace sRGB. Cependant, les écrans modernes (Mac, écrans P3) et les logiciels de design travaillent souvent par défaut en Display P3 ou Adobe RGB, qui possèdent un spectre plus large. En exportant vers sRGB, les teintes saturées peuvent paraître affadies. Configurez le profil de votre outil de design sur sRGB avant l'exportation, ou utilisez la syntaxe CSS Color 4 telle que
color(display-p3 0.9 0.2 0.5).Comment vérifier la conformité de mes couleurs aux normes d'accessibilité WCAG ?expand_more
Selon les directives WCAG 2.1, le texte doit présenter un contraste minimal avec son arrière-plan : 4.5:1 pour le texte normal (inférieur à 18pt ou 14pt gras) et 3.0:1 pour le grand texte et les éléments d'interface interactifs. Vous pouvez tester instantanément toute combinaison grâce à notre Vérificateur de Contraste WCAG gratuit.
Qu'est-ce que l'espace colorimétrique OKLCH et pourquoi remplace-t-il HSL et RGB en CSS ?expand_more
OKLCH est un espace colorimétrique uniforme sur le plan perceptuel (CSS Color 4). Dans les modèles comme HSL, le jaune pur paraît bien plus lumineux que le bleu pur pour l'œil humain malgré une valeur de clarté identique à 50%. OKLCH corrige cela en alignant la clarté (L) sur la perception humaine réelle, évitant ainsi les bandes grises au centre des dégradés.
ColorKit est-il gratuit pour une utilisation commerciale avec mes clients ?expand_more
Oui, 100% gratuit. Toutes les palettes, codes de conversion, dégradés CSS, échelles Tailwind et couleurs extraites sur ColorKit relèvent du domaine public (CC0). Vous pouvez les utiliser librement dans des sites vitrines, applications SaaS, jeux vidéo et supports de communication sans frais ni mention obligatoire.
Mes images ou palettes sont-elles envoyées vers un serveur distant ?expand_more
Non. ColorKit repose sur une architecture 100% côté client. Tout le traitement d'image, le grossissement à la loupe et l'extraction de pixels se déroulent localement dans la mémoire de votre navigateur via HTML5 Canvas. Vos photographies et maquettes confidentielles ne quittent jamais votre appareil.