Entrez une couleur en HEX, RVB ou HSL : l’outil convertit les valeurs et affiche un aperçu utilisable pour le web, une charte graphique ou une maquette.
Les valeurs sont calculées côté navigateur. Elles donnent un repère numérique fiable pour l’écran ; pour la peinture ou l’impression, prévoyez toujours un test sur le support final.
#048B9Argb(4, 139, 154)hsl(186, 95%, 31%)Format compact, très courant dans les maquettes et les feuilles CSS.
Décrit les quantités de rouge, vert et bleu sur écran, de 0 à 255.
Pratique pour ajuster la teinte, la saturation et la luminosité d’une couleur.
Le même rendu peut être écrit sous plusieurs formes. Le format HEX est pratique pour copier vite une couleur ; le RVB parle directement aux valeurs d’écran ; le HSL est souvent plus agréable pour créer des variantes.
| Couleur | HEX | RVB | Usage fréquent |
|---|---|---|---|
| Bleu canard | #048B9A | rgb(4,139,154) | Accent profond, décoration, identité visuelle. |
| Rose poudré | #E7B2A5 | rgb(231,178,165) | Palette douce, fond chaleureux. |
| Jaune moutarde | #C7A000 | rgb(199,160,0) | Accent chaud avec bleu marine ou écru. |
| Bleu pétrole | #1D4851 | rgb(29,72,81) | Fond sombre et sobre. |
Notez le code final dans votre charte ou votre fichier de projet, même si vous utilisez un nom courant comme beige ou safran.
Une couleur isolée peut sembler parfaite puis devenir trop claire ou trop saturée une fois placée sur un fond réel.
Pour du texte, convertissez le code puis testez le contraste avec le fond prévu.
Un code écran ne garantit pas une couleur identique en impression, en peinture ou sur textile.