Créez un fond de couleur uni
Écran de couleur personnalisée
Saisissez un code HEX à six chiffres ou choisissez visuellement une couleur, puis affichez-la en plein écran, comparez-la au choix précédent et exportez un PNG correspondant. L’outil garde la couleur visible tout en montrant ses valeurs HEX, RGB et HSL.
- Saisie
- Sélecteur ou code HEX à six chiffres
- Valeurs affichées
- HEX, RGB, HSL et luminosité calculée
- Historique
- Quatre couleurs récentes du navigateur
- Image maximale
- 7680 × 4320
Comment créer un écran de couleur personnalisée
Partez d’une valeur connue pour un résultat numérique précis, ou explorez les couleurs pour choisir une ambiance.
Saisissez la couleur
Tapez une valeur comme #3AB0A2, utilisez le sélecteur ou la pipette si le navigateur la propose.
Consultez ses valeurs
Vérifiez RGB et HSL, la luminosité calculée et la couleur de texte suggérée pour un bon contraste.
Comparez vos options
Choisissez une autre couleur et activez Comparer A/B pour la placer à côté de la précédente.
Utilisez ou enregistrez
Affichez le fond en plein écran ou téléchargez un PNG uni aux dimensions demandées.
Une même valeur pour la création et l’affichage
Un code HEX donne une référence numérique claire à vos collaborateurs. Copiez RGB pour les réglages d’une image ou d’une application, et HSL pour ajuster séparément teinte, saturation et luminosité.
L’écran donne un aperçu, sans prouver que tous les appareils reproduiront la valeur de façon identique. Le type de dalle, les réglages de couleur, la luminosité et la lumière de la pièce changent son apparence.
Une méthode simple pour comparer des couleurs
Choisissez la première couleur, puis la seconde et ouvrez Comparer A/B. Jugez les deux ensemble plutôt que de vous fier à votre mémoire. Consultez le contraste avant de placer du texte sur le fond.
Pour une référence neutre, comparez la couleur au noir pur ou à un fond blanc. Ces pages proposent aussi des préréglages adaptés aux contrôles visuels et à l’éclairage.
Commandes de l’écran de couleur personnalisée
Les réglages couvrent le choix, la comparaison, le comportement du navigateur et la création de fichier.
Préréglages personnalisés
Après un choix, l’outil crée une version d’origine, une atténuée, une profonde et une pâle de cette couleur.
Luminosité et texte
LUM montre la luminosité relative calculée pour les contrôles d’accessibilité web. TEXT indique si le noir ou le blanc offre le contraste le plus fort.
Couleurs récentes
Jusqu’à quatre couleurs valides sont conservées localement pour retrouver vos derniers choix.
Adapter à mon écran
L’export utilise les dimensions indiquées par le navigateur et tient compte du ratio de pixels, c’est-à-dire du nombre de pixels physiques employés pour une unité d’écran.
Important : Le conseil de contraste est un calcul pour du texte noir ou blanc. Vérifiez l’ensemble de l’interface selon les exigences d’accessibilité de votre projet.
Questions sur Écran de couleur personnalisée
Quels codes HEX sont acceptés ?
Saisissez un dièse suivi de six caractères hexadécimaux, par exemple #1A2B3C.
Les couleurs récentes sont-elles envoyées à un serveur ?
Non. Elles sont enregistrées dans le stockage local du navigateur sur l’appareil actuel.
L’outil peut-il calibrer mon moniteur ?
Non. Il affiche les couleurs demandées au navigateur sans mesurer ni corriger la lumière réellement produite par la dalle.