Irodori彩り

L'atelier des couleurs · Irodori 彩り

Sélecteur de couleur gratuit : extrayez les couleurs de toute image instantanément.

Importez, collez ou saisissez une URL pour obtenir HEX, RGB, HSL, OKLCH, Lab et CMYK — sans inscription.

Choisir une couleur Parcourir les couleurs

Tout tourne dans votre navigateur. Aucun envoi, aucun compte.

朱砂 zhū shā #C3272B สีแสด si saet #EE8B2B 황 hwang #F5B22E 若竹 wakatake #6BA24A Xanh xanh #007A3D 孔雀绿 kong que lu #2E8B72 Biru biru #3A6EA5 जामुनी jamuni #6B3F8C Ягаан yagaan #D96A8B

Atelier en direct

Commencez par n'importe quelle couleur

Déposez une image ou saisissez une valeur. Tous les formats se mettent à jour instantanément.

La protection des données est importante pour nous ! Votre image reste sur votre appareil.

Couleur sélectionnée

HEX#104E8B
RGBrgb(16, 78, 139)
HSLhsl(210 79% 30%)
DétailsVérifier le contraste

Palette

10 couleurs Cliquez sur une couleur pour la copier ou la remplacer.
#104E8B#A9D1E3#007A3D#F5B22E#C3272B#77428D#FCE9EE#3A3A40#6A5ACD#D6E8EE

Une couleur, plusieurs langages

Lire la même couleur de six façons

HEX pour le CSS, RGB pour les écrans, HSL pour les palettes, CMYK pour l'impression, OKLCH et Lab pour la perception. Tout est calculé sur votre appareil.

Ouvrir le convertisseur

Traditions asiatiques

Des couleurs qui ont déjà un nom

Neuf traditions asiatiques : du Japon, de la Chine, de la Corée, du Vietnam, de la Thaïlande, du Tibet, de l’Inde, de la Mongolie et du batik indonésien — avec nom natif, prononciation et HEX exact.

Couleurs traditionnelles japonaises 藍 · 群青 · 空色 22
Couleurs traditionnelles chinoises 天青 · 月白 · 缥 22
Couleurs traditionnelles coréennes 청 · 적 · 황 15
Couleurs traditionnelles vietnamiennes Đỏ · Vàng · Trắng 7
Couleurs traditionnelles thaïlandaises สีแดง · สีเหลือง · สีชมพู 10
Couleurs traditionnelles tibétaines 白云 · 蓝天 · 红火 10
Couleurs traditionnelles indiennes केसर · हल्दी · गुलाल 10
Couleurs traditionnelles mongoles Хөх · Цагаан · Улаан 10
Couleurs batik indonésiennes Soga · Nila · Putih 10
Explorer l'atlas

Systèmes réels

Aligné sur les palettes que vous livrez

Six design systems, issus de leurs fichiers officiels — sans approximation.

Tons Material Design 89 Material Web v0.192 · md-ref-palette Palette Tailwind CSS 286 Tailwind CSS v4 · theme.css Palette UnoCSS 264 UnoCSS preset-mini · Tailwind v3 + Windi Jetons Panda CSS 242 Panda CSS · @pandacss/preset-panda Thème Vanilla Extract 3 vanilla-extract · createTheme docs example Jetons StyleX 6 StyleX · defineVars docs example Palette Bootstrap 29 Bootstrap v5.3.8 · _variables.scss Palette Ant Design 130 Ant Design · @ant-design/colors 7.2.1 Open Color 130 Open Color 1.9.1 · open-color.js Palette Chakra UI 100 Chakra UI · @chakra-ui/theme 3.4.1 Radix Colors 360 Radix Colors 3.0.0 · light scales Couleurs Fluent UI 64 Fluent UI · @fluentui/tokens brandColors Palette Primer 20 Primer · @primer/primitives 11.10.0 light Palette Polaris 192 Shopify Polaris · polaris-tokens 9.4.2
Tous les outils

Accessibilité

Le contraste est un choix de couleur

Vérifiez les ratios WCAG et simulez quatre visions des couleurs avant de livrer.

WCAG 2.2AA 4.5:1AAA 7:121:1
Vérifier le contrasteContraste WCAG Simuler le daltonismeSimulation daltonisme

Questions fréquentes

Comment choisir une couleur dans une image ?
Importez l’image, collez-la depuis le presse-papiers ou saisissez une URL, puis cliquez sur l’image pour obtenir HEX, RGB, HSL, OKLCH, Lab et CMYK.
Qu’est-ce qu’un code couleur HEX ?
Un code HEX est un nombre hexadécimal à six chiffres représentant les canaux rouge, vert et bleu, par exemple #FF5733. C’est le format le plus courant en CSS, dans les outils de design et les chartes.
Ce sélecteur est-il gratuit ?
Oui. Tous les outils du site sont gratuits et sans inscription. Vos images sont traitées entièrement dans le navigateur, rien n’est envoyé à un serveur.
Quels formats sont pris en charge ?
HEX, RGB, HSL, OKLCH, Lab, LCH, CMYK, XYZ, LUV et HWB, ainsi que les contrastes WCAG et la simulation de daltonisme.
Puis-je utiliser ces couleurs dans mes designs ?
Oui. Les valeurs de couleur ne sont pas protégées. Copiez une valeur et utilisez-la en CSS, UI, impression ou illustration.

Votre prochaine palette commence ici.

Gratuit, privé, rapide. Sans inscription.

Ouvrir le sélecteur