ratio.

Trouver un outil

Voir tous les outils et catégories ↗
DESCRIPTION

Convertisseur de couleurs HEX, RGB et HSL

Convertir les codes de couleurs opaques sRGB entre HEX, entier RGB et HSL. Voir les valeurs de canaux non arrondis et la représentation HEX 8 -bit la plus proche.

Saisissez les décimales avec une virgule ou un point, sans séparateur de milliers. Séparez les valeurs des listes par des espaces ou des points-virgules ; respectez la syntaxe indiquée pour les données structurées.

Saisissez vos valeurs

01 / SAISIE
Calcul effectué sur votre appareil

VOTRE CALCUL

Résultat

—

Étapes du calcul

Affichez les étapes une par une ou le calcul complet. Les étapes utilisent les valeurs que vous avez saisies.

    Méthode de calcul

    Interpréter l’entrée sRGB opaque sélectionnée. Normaliser les canaux RGB, récupérer la teinte du canal dominant, et dériver la légèreté et la saturation du maximum et du minimum. Chaînes rondes uniquement pour la sortie HEX/RGB 8 -bit.

    HSL lightness=(max RGB+min RGB)/2; HEX encodes rounded 8-bit sRGB channels

    Exemple détaillé

    HEX # 336699 est RGB ( 51 102 153 ) et HSL ( 210 °, 50 %, 40 %). Le shorthand #F 80 s’étend à #FF 8800 .

    Hypothèses et précisions sur les données

    HEX accepte exactement trois ou six chiffres hexadécimaux avec # optionnel. Les entrées RGB sont des entiers 0 – 255 . La teinte HSL est normalisée à 360 ° de modulo (magnitude entrée au plus à 1e9 °); la saturation/lumière est de 0 à 100 %. HSL peut produire des canaux RGB fractionnels; HEX et entier RVB rond à la plus proche 8 -bit valeurs. La sortie HSL décrit la couleur non arrondie, de sorte que la conversion par HEX peut légèrement la modifier. Les couleurs achromatiques ont une teinte non définie, montrée comme telle avec la teinte CSS 0 . Opaque sRGB uniquement: pas d’alpha, CMYK, profils ICC, conversion à large gamme, correspondance de couleur ou certification de contraste.

    Références : W3C CSS Conversions de couleurs

    Utiliser ce calculateur

    Puis-je saisir mes propres données ?

    Oui. Remplacez les valeurs de l’exemple par vos propres données. Le résultat, les étapes, les tableaux et les diagrammes disponibles se mettent à jour. Une valeur vide ou invalide efface le résultat ; les valeurs de l’exemple ne remplacent jamais les données manquantes.

    Les résultats sont-ils exacts ?

    Les calculs utilisent des nombres à virgule flottante et les résultats affichés sont arrondis. Consultez la formule, les hypothèses et la précision des données indiquée avant d’interpréter le résultat.

    Mes données sont-elles envoyées ?

    Le calcul s’effectue dans votre navigateur. Aucun compte, envoi de fichier ou service d’IA externe n’est nécessaire. Les données saisies ne sont pas conservées après le rechargement de la page.

    OUTIL ASSOCIÉ · DESCRIPTIONCalculateur de taille d’impression et de résolution d’image

    Convertir les dimensions des pixels, les dimensions d’impression et les pixels par pouce. Trouvez la taille d’impression physique, les pixels entiers requis ou la résolution d’image efficace.

    OUTIL ASSOCIÉ · INFORMATIQUECalculateur de taille d’écran

    Saisissez une diagonale de l’écran et une résolution de pixel pour calculer la largeur active, la hauteur, le rapport d’aspect, la densité de pixel et la hauteur, avec un diagramme d’écran dimensionné.

    OUTIL ASSOCIÉ · INFORMATIQUEConvertisseur de bases numériques

    Convertir un entier signé entre les bases 2 – 36 en utilisant l’arithmétique exacte. Comparer les valeurs binaires, octal, décimal, hexadécimales et de base -36 avec les étapes de la valeur de place.

    PUBLICITÉ

    Espace publicitaire réservé.