Convertidor RGB a HEX — Converteix valors RGB a codis HEX i codis HEX a RGB, amb una previsualització en directe.

Què fa un convertidor RGB a HEX?

Les pantalles reprodueixen tots els colors barrejant llum vermella, verda i blava. RGB expressa la mescla com tres nombres de 0 a 255. HEX escriu els mateixos tres nombres en base 16 com un codi curt, com ara #1F3A5F, que és el que solen utilitzar el CSS, les eines de disseny i les guies de marca.

Introdueix els tres números, tria un color amb l'escollidor o enganxa un codi hexadecimal. Tots els formats s'actualitzen alhora, i també obtens una versió HSL i una comprovació de quin color de text es llegeix millor sobre ell.

Per què la gent converteix RGB a HEX

Com RGB es converteix en HEX

Cada un dels tres números es converteix en un valor de dos dígits en base 16, i després s'uneixen els tres parells.

La base 16 utilitza els dígits 0-9 i les lletres A-F, on A és 10 i F és 15. Un codi curt com #FA0 és abreujat: cada dígit es duplica, de manera que significa #FFAA00.

Colors comuns en RGB i HEX

Com utilitzar el conversor de RGB a HEX

1. Escriviu els valors vermell, verd i blau, o feu clic a la mostra de color per utilitzar l'escollidor de color.
2. O enganxa un codi hexadecimal al camp Hex per anar en l'altra direcció.
3. Llegeix els codis HEX, RGB i HSL, i comprova la relació de contrast i el millor color de text.
4. Premeu la còpia al costat del format que necessiteu.

Consells senzills per treballar amb colors

• Per a un text llegible, assoleix una relació de contrast d'almenys 4,5 : 1 per al text normal i de 3 : 1 per al text gran.
• Els codis hexadecimals no són sensibles a majúscules i minúscules, per tant #1f3a5f i #1F3A5F són el mateix color.
• El signe # inicial és necessari en CSS però opcional aquí. Pots enganxar codis amb o sense ell.
• Les pantalles i les impressores mostren els colors de manera diferent, de manera que un color imprès pot no coincidir amb el que veus a la pantalla.

Limitacions i privacitat