Convertisseur de couleurs : HEX, RGB, HSV, Swift et Kotlin

Saisissez un HEX ou choisissez une couleur pour obtenir valeurs et code prêts pour le web, iOS et Android.

Aa texte d’exemple

Fonctionne entièrement dans votre navigateur. Rien n’est envoyé ni stocké.

Mode d’emploi

  1. Saisissez un HEX (#RGB, #RRGGBB ou 8 chiffres) ou utilisez le sélecteur.
  2. Choisissez l’ordre à 8 chiffres : ARGB (iOS/Android) ou RGBA (CSS).
  3. Copiez le format voulu.

Les designers transmettent les couleurs en code HEX, mais iOS, Android et CSS les écrivent chacun à leur façon. Ce convertisseur de couleurs accepte une valeur HEX — #RGB, #RRGGBB ou 8 chiffres — ou une couleur du sélecteur, et produit HEX, rgb(), rgba(), HSV, un code CSS #RRGGBBAA, un UIColor Swift, un Color SwiftUI, un Color(0xAARRGGBB) Kotlin et une ressource <color> Android, prêts à copier.

Les codes à 3 chiffres sont développés en doublant chaque chiffre : #ABC devient #AABBCC. Pour les codes à 8 chiffres, vous choisissez la place de l’alpha : ARGB, utilisé par Android et beaucoup d’utilitaires iOS, ou RGBA, utilisé par CSS. Les valeurs Swift valent canal ÷ 255, arrondi à trois décimales. La luminosité utilise les coefficients YIQ (R×299 + G×587 + B×114) ÷ 1000 sur une échelle de 0 à 1 ; au-dessus de 0,5 la couleur est jugée claire et un texte foncé est conseillé, sinon un texte blanc.

Limites : la forme courte à 4 chiffres #RGBA n’est pas lue, utilisez 8 chiffres. Le sélecteur ne règle que RGB, donc choisir une couleur remet l’alpha à opaque. Le HSV est arrondi à l’entier, et aucune conversion n’est faite entre espaces colorimétriques comme Display P3 et sRGB. Les caractères non hexadécimaux, # compris, sont ignorés. La conversion se fait entièrement dans votre navigateur, rien n’est envoyé.

Questions fréquentes

Différence entre #AARRGGBB et #RRGGBBAA ?

Android et de nombreux utilitaires iOS placent l’alpha en premier (AARRGGBB) ; le CSS le place à la fin (RRGGBBAA).

Comment la couleur du texte est-elle choisie ?

Luminosité YIQ : (R×299 + G×587 + B×114) ÷ 1000. Au-dessus de 0,5, texte foncé conseillé ; sinon blanc.

Le HEX à 3 chiffres fonctionne-t-il ?

Oui. #ABC devient #AABBCC.

Outils similaires