Studio de Couleurs & Palettes

Studio professionnel de conversion de couleurs et de génération de palettes avec prise en charge HEX, RGB, HSL, HSV, CMYK, échelle Tailwind 50-950, contraste WCAG 2.1 et harmonies de couleurs.

Transférer la couleur aux outils en aval
#3B82F6
rgb(59, 130, 246)
Lisibilité sur Blanc (WCAG)
3.68:1
AA FAILAAA FAIL
Lisibilité sur Noir (WCAG)
5.71:1
AA PASSAAA FAIL

Conversions d'Espaces Colorimétriques

HEX
#3B82F6
RGB
rgb(59, 130, 246)
RGBA
rgba(59, 130, 246, 1)
HSL
hsl(217, 91%, 60%)
HSLA
hsla(217, 91%, 60%, 1)
HSV / HSB
hsv(217, 76%, 96%)
CMYK
cmyk(76%, 47%, 0%, 4%)
CSS Variable
--color: #3B82F6;

Canaux RVB

R (Red)59
G (Green)130
B (Blue)246

Teinte et Saturation TSL

H (Hue)217°
S (Saturation)91%
L (Lightness)60%

Générateur d'Échelle Tailwind 50 ~ 950

50
#EDF3FD
100
#D5E4FB
200
#A9C8F9
300
#73A6F7
400
#3780F6
500
#0960EC
600
#054FC7
700
#04409F
800
#043076
900
#04204E
950
#02122C

Palettes de Couleurs Harmonieuses

Complémentaire
Analogue
Triadique
Tétradique
Complémentaire Partagée

Continuer avec

Poursuivez votre flux de travail avec ces étapes suivantes
Palette de Couleurs d'Image

Extracteur intelligent de couleurs dominantes et pipette avec loupe au pixel près basé sur l'algorithme K-Means, avec export en variables CSS, tokens Tailwind et PNG.

Optimiseur SVG

Outil visuel de compression et nettoyage de code SVG permettant d'éliminer les déclarations XML, les métadonnées d'éditeurs, d'ajuster la précision des coordonnées et de générer des composants React JSX.

Outils Associés

Éditeur d'Image

Importez une image ➔ Recadrez, pivotez, appliquez des filtres et ajoutez des annotations

Compresseur d'Image

Déposez plusieurs images ➔ Ajustez la qualité et le format ➔ Réduisez la taille en Mo et téléchargez en ZIP

Studio Code QR

Générateur professionnel de QR codes et scanner d'images hors ligne avec support pour URL, Wi-Fi, vCard, incrustation de Logo personnalisé et export SVG/PNG.

Traitement local en mémoire client · Aucun envoi de données

Guide d'Utilisation

  • 1. Choisissez une couleur ou saisissez un code HEX, RGB, HSL ou CMYK.
  • 2. Consultez les conversions instantanées, les scores WCAG AA/AAA et la palette 50-950.
  • 3. Copiez la configuration Tailwind ou les variables CSS dans votre feuille de style.

Avantages Techniques & Confidentialité

  • 1. Calcul précis de la luminance relative conforme aux normes WCAG 2.1.
  • 2. Curseurs RVB et TSL interactifs avec gestion du canal alpha.
  • 3. exécuté localement dans votre navigateur sans transfert réseau.

Foire Aux Questions (FAQ)

Q: Comment est évaluée la lisibilité du texte ?
A: Selon les normes WCAG 2.1, le texte standard exige un contraste minimal de 4,5:1 pour le niveau AA et de 7,0:1 pour le niveau AAA.
Q: Puis-je transférer la couleur vers les outils d'image ?
A: Oui, le menu de transfert permet d'envoyer le code hexadécimal vers l'éditeur d'images comme couleur de fond.