Contenu
Une couleur sRGB, plusieurs écritures
Saisissez une couleur en HEX, RGB ou HSL : l'outil calcule sa notation dans un autre de ces formats. L'aperçu sur damier distingue une couleur transparente d'un gris opaque.
Choisir les données de départ
Le format source détermine les champs. HEX accepte 3, 4, 6 ou 8 chiffres hexadécimaux. RGB utilise trois canaux entiers de 0 à 255. HSL demande une teinte de 0 à 360° et deux pourcentages, saturation et luminosité. L'alpha, présent avec RGB ou HSL, varie de 0 à 1. Choisissez ensuite une autre notation pour la sortie.
Pour un HEX à huit caractères, la dernière paire est l'alpha : #RRGGBBAA. La spécification CSS Color définit cet ordre pour les couleurs sRGB. La couleur affichée après transparence dépend également du fond.
Repères concrets dans chaque format
Bleu atténué : #336699 devient rgb(51,102,153) ou hsl(210,50%,40%). Vous pouvez coller l'une ou l'autre sortie dans une propriété CSS.
Rouge pur : R 255, G 0 et B 0 donnent #FF0000. Les deux premiers caractères codent le rouge, les quatre suivants les canaux absents.
Noir translucide : #00000080 produit rgba(0,0,0,0.502). La valeur 80 correspond à 128 niveaux sur 255 ; le damier de l'aperçu reste visible.
Une conversion n'est pas un étalonnage
Les canaux RGB sont arrondis à l'entier, HSL à une décimale et l'alpha à trois. Un aller-retour peut modifier la dernière décimale. L'outil ne traite pas CMYK, Display P3, Lab ni le contraste entre deux couleurs. Deux écrans peuvent afficher différemment le même code sRGB.
Une opacité inférieure à 1 ne définit pas seule la teinte visible : posez l'échantillon sur le vrai fond de votre page avant de retenir le résultat.
Questions fréquentes sur les couleurs CSS
Les formes abrégées et l'alpha méritent une vérification avant de réutiliser un code.
Puis-je saisir 336699 sans dièse ?
Oui. Le dièse est facultatif à la saisie ; la sortie HEX l'ajoute.
Que représente #FFF ?
Chaque caractère est doublé. #FFF correspond à #FFFFFF, donc au blanc.
Pourquoi une teinte de 360° est-elle acceptée ?
La teinte forme un cercle : 360° revient au même point que 0°.
Pourquoi le gris a-t-il une teinte de 0° ?
À 0 % de saturation, la teinte ne change plus la couleur. L'outil affiche 0° par convention stable.
L'aperçu valide-t-il le contraste du texte ?
Non. Il faut aussi connaître la couleur du fond et calculer le contraste des deux couleurs.
Calculateurs similaires
Les calculateurs suivants sur le même sujet pourraient vous être utiles:
- Éditeur HTML visuel. Éditez le code HTML gratuitement et en ligne et visualisez immédiatement l'apparence visuelle du texte et de la page en mode aperçu (WYSIWYG).
- Générateur de mots de passe. Créez gratuitement un mot de passe solide et fiable avec un générateur en ligne de 8, 10, 12 caractères ou plus.
- Nombre de caractères dans le texte : calculateur. Comptez en ligne le nombre de caractères dans un texte, avec ou sans espaces.
- Générateur de Nombre Aléatoire : Création de Nombres Aléatoires. Obtenez un nombre aléatoire pour diverses utilisations, notamment pour les tirages au sort et les loteries en ligne sur les réseaux sociaux.
- Calculateur de temps de transfert de fichiers. Saisissez la taille du fichier, le débit et la part utilisable de ce débit pour comparer l’estimation au minimum idéal.
- Convertisseur de taille de données. Saisissez une taille de données et passez des bits aux octets, aux préfixes décimaux ou aux préfixes binaires CEI.
- Calculateur de densité de pixels. Saisissez la définition native et la diagonale visible pour calculer les PPI et la taille physique d'un pixel.
- Chronomètre de Texte : Durée de Lecture à Voix Haute. Découvrez le temps estimé qu'il faudra pour lire ou vocaliser votre texte. Entrez le contenu et recevez le résultat instantanément.
- Simulateur de table de multiplication. Entraînez-vous et mémorisez la table de multiplication en ligne. Définissez l'intervalle des multiplicateurs, et le simulateur créera des exercices.
- Calculateur de moyenne générale. Calculez la moyenne générale de votre diplôme avec notre aide. Apprenez la bonne méthode pour calculer la moyenne générale.
Partager sur les réseaux sociaux
Si cela vous a plu, veuillez partager le calculateur sur vos plateformes de médias sociaux. C'est simple pour vous et bénéfique pour la promotion du projet. Merci!