Conçu sur une IA avancée exécutée sur votre appareil et l'accélération matérielle, pour des performances professionnelles sans compromis sur la confidentialité.IA sur votre appareil : performant et privé.
Outil Color Picker
Choisissez une couleur et copiez-la en douze formats, sans envoi.
- Fonctionne sur votre appareil
- Douze formats d'un coup
- Contraste et daltonisme
Déposez une feuille de style ou un fichier de tokens
CSS, SCSS, SASS, LESS, JSON, SVG ou TXT — jusqu'à 10.0 MB
#FF4D4D
Nom de couleur le plus proche: tomato (Même famille, distance 6.4)
- HEX
#FF4D4D - RGB
rgb(255 77 77) - HSL
hsl(0 100% 65.1%) - HWB
hwb(0 30.2% 0%) - HSV
hsv(0 69.8% 100%)Pas du CSS - CMYK
cmyk(0% 69.8% 69.8% 0%)Pas du CSS - LAB
lab(59.906 67.771 41.299) - LCH
lch(59.906 79.363 31.36) - OKLAB
oklab(0.673 0.19441 0.09082) - OKLCH
oklch(0.673 0.21457 25.04) - Display P3
color(display-p3 0.9239 0.3574 0.3319) - XYZ D65
color(xyz-d65 0.45232 0.27107 0.09872)
Contraste
- AA normalÉchec
- AA grandRéussi
- AAA normalÉchec
- AAA grandÉchec
- AA normalRéussi
- AA grandRéussi
- AAA normalÉchec
- AAA grandRéussi
- AA normalÉchec
- AA grandRéussi
- AAA normalÉchec
- AAA grandÉchec
Nuance conforme la plus proche — #E22D35 atteint 4.51:1 face à votre couleur de comparaison.
Vision des couleurs
L'apparence de cette couleur pour les personnes ayant chaque type de déficience de la vision des couleurs.
- Vision typique
- Protanopie
- Deutéranopie
- Tritanopie
- Aucune vision des couleurs
Toute syntaxe de couleur CSS, plus cmyk() et hsv().
Les valeurs saisies ici restent en place, même quand la couleur n'a aucune teinte pour les afficher.
Comment choisir et copier une couleur
Choisir une couleur
Pipette ou curseurs : l’aperçu se met à jour en direct.
Voir tous les formats
RVB, HEX, HSL et CMYK s’affichent. Modifiez un champ pour mettre à jour les autres.
Copier les valeurs
Cliquez sur Copier à côté d’un format pour le coller dans votre projet ou outil de design.
Pourquoi utiliser un sélecteur de couleur ?
Un sélecteur permet de choisir visuellement, de convertir entre formats, de prévisualiser en direct et d’accéder aux valeurs utiles au design et au développement.
Avantages du sélecteur
- Choix visuel : Interface interactive pour piocher une couleur
- Conversion : Passage entre RVB, HEX, HSL et CMYK
- Aperçu instantané : Voir les changements tout de suite
- Informations : Valeurs détaillées pour votre couleur
- Projets créatifs : Utile en design et développement
Fonctionnement
Notre sélecteur repose sur des algorithmes de choix et de conversion pour une sélection précise. Plusieurs formats et aperçu en temps réel sont proposés.
Fonctionnalités
- Sélection interactive : Choisir visuellement la couleur
- Plusieurs formats : RVB, HEX, HSL et CMYK
- Conversion immédiate : Mise à jour instantanée entre formats
- Aperçu : Vignette de la couleur choisie
- Copie : Copie rapide des valeurs
Choisir une couleur et la conserver
Un sélecteur n'est utile que si la couleur retenue peut quitter la page dans la forme attendue par l'outil suivant. C'est autour de cela que celui-ci est construit.
- Tous les formats d'un coup — Un choix produit HEX, RGB, HSL, HWB, HSV, CMJN, LAB, LCH, OKLAB, OKLCH, Display P3 et XYZ, plus le nom CSS le plus proche et sa distance réelle.
- Ou saisissez une valeur — Le sélecteur et le champ texte sont deux entrées vers la même couleur. Collez tout ce que CSS comprend et l'échantillon suit.
- Les couleurs récentes sont mémorisées — Les douze dernières couleurs retenues restent dans le panneau, sur cet appareil uniquement, pour comparer deux candidates sans en ressaisir aucune.
- Vérifiez-la avant de l'utiliser — Contraste sur blanc, sur noir ou sur la couleur de votre choix, et une simulation de son apparence pour chaque type de déficience de la vision des couleurs.
Quand l’utiliser
Pour choisir une couleur à l’écran, convertir entre formats, prévisualiser ou récupérer les valeurs pour vos projets.
Cas d’usage typiques
- Développement web : Couleurs pour sites et applications
- Design : Palette et choix chromatiques
- Recherche couleur : Explorer et comparer
- Conversion : Passer d’un format à l’autre
- Reprise de couleur : Rapprocher une teinte d’une référence
À savoir
Quelques repères pour mieux exploiter l’outil.
Points clés
- Des millions de combinaisons sont accessibles
- Plusieurs formats couvrent usages web, print et design
- La conversion en direct aide à garder la cohérence
- La sélection interactive rend le choix intuitif
- L’aperçu aide à visualiser chaque teinte
Bonnes pratiques
Suivez ces conseils pour tirer le meilleur parti du sélecteur.
Qualité
- Privilégiez un écran de qualité pour un choix plus fiable
- Tenez compte de l’espace colorimétrique et du gamut
- Testez la couleur dans l’application ou le média cible
- Vérifiez l’exactitude des valeurs copiées
- Pensez à l’accessibilité (contraste, daltonisme)
Quand faire attention
- Évitez les écrans de faible qualité pour un travail couleur critique
- Ne vous fiez pas uniquement à l’écran pour un projet d’impression
- Pour un appariement très précis, complétez avec des outils pro
- Ne comptez pas sur l’outil seul si un profil ICC spécifique est obligatoire
Limites et compatibilité
L’étalonnage de l’écran et les différences entre appareils peuvent modifier la perception ; vérifiez sur le média final si la précision compte.
Propulsé par des algorithmes de traitement d'image optimisés.
Les autres convertisseurs de couleur
Questions fréquentes
Comment fonctionne le sélecteur de couleur ?
Faites glisser la pipette ou déplacez les curseurs pour choisir une couleur, et l’aperçu se met à jour en temps réel. Au fur et à mesure, l’outil calcule instantanément les valeurs RVB, HEX, HSL et CMJN correspondantes, et modifier un champ recalcule les autres pour que chaque format décrive la même couleur.
Quels formats de couleur affiche-t-il ?
Pour chaque couleur choisie, l’outil affiche quatre formats côte à côte : RVB et HEX pour les écrans et le CSS, HSL pour ajuster teinte et luminosité intuitivement, et CMJN comme guide pour l’impression. Les quatre restent synchronisés et se mettent à jour dès que vous changez la couleur.
Puis-je utiliser les couleurs choisies en CSS ?
Oui. Chaque format a son propre bouton de copie : récupérez le code HEX ou la chaîne rgb() et collez-le directement dans du CSS ou du HTML. Le HSL est aussi prêt pour la fonction CSS hsl(), et les valeurs CMJN donnent aux équipes impression et branding les chiffres nécessaires.
Mes couleurs restent-elles privées ?
Oui. Le sélecteur s’exécute entièrement dans votre appareil : les couleurs que vous choisissez et les valeurs générées ne sont jamais envoyées ni stockées sur un serveur. Rien ne quitte votre appareil, ce qui garde vos palettes de marque et couleurs non publiées totalement privées.
Le sélecteur de couleur fonctionne-t-il sur mobile ?
Oui. Il fonctionne dans tout appareil récent sur ordinateur, tablette et téléphone, avec des commandes tactiles pour faire glisser la pipette et les curseurs au doigt. La mise en page s’adapte aux petits écrans et la copie des valeurs se fait comme sur ordinateur.
Le sélecteur est-il gratuit et fonctionne-t-il hors ligne ?
Oui. Le sélecteur est entièrement gratuit, sans filigrane ni limite d’usage. Comme toute la conversion est sur l’appareil, il continue de fonctionner sans connexion internet une fois la page chargée, ce qui est pratique pour comparer des couleurs rapidement partout.
sur 521 notes
Notez cet outil
Touchez une étoile — c’est rapide