אַ HEX־קאָד פּאַקט דרײַ 8‑ביט נומערן אין זעקס העקסאַדעצימאַל דידזשיטן. קאָנווערטן HEX צו RGB מיינט צו טיילן די דידזשיטן אין פּאָרן און לייענען יעדער פּאָר ווי אַ דעצימאַל נומער צווישן 0 און 255 — פּונקט די ערטער וואָס CSS, Figma און בילד־עדיטאָרס דערוואַרטן.
ווי אַ HEX צו RGB קאָנוועזיע אַרבעט
- פֿאַלן אַוועק דעם פֿירער # און אויב דער קאָד האָט בלויז דריי דידזשיטן, דופּלעקט יעדער איינעם: #f53 װעט ווערן #ff5533.
- טייל דאָס זעקס דידזשיטן אין דריי פּאָרן — RR, GG און BB.
- לייענט יעדער פּאָר ווי אַ באַזע־16 נומער און קאָנווערטירט עס צו באַזע־10: FF ווערט 255, 57 ווערט 87, 33 ווערט 51.
- שרייב די דרײַ רעזולטאַטן ווי rgb(R, G, B).
אַרבעטנדיקער ביישפּיל
די קאָנווערזיע איז פּינטלעך. HEX און RGB באַשרײַבן די זעלבע sRGB ווערטן אין אַ אַנדערער נאָטאַציע, אַזוי ווערט גאָרנישט אָפּגערונדעט אָדער פֿאַרלוירן אין ביידע ריכטונגען.
HEX און RGB דערקלערט
וואס איז HEX?
אַ HEX־קאָד איז אַ זעקס־דיציט אַרבעטן־העקסאַדעצימאַל נומער וואָס סטאָרס די רויטע, גרינע און בלויע טשאַנעלס פון אַ קאָליר אַחורי אַ פֿירער #. יעדער פּאָר דיציט דעקן איין טשאַנעל — פֿון 00 (קיין) ביז FF (פול) — וואָס געבט די זעלבע 16.7 מיליאָן קאָלירן ווי RGB אין אַ פיל קורצער נאָטאציע. HEX איז דער פעליקער אין CSS, דיזיין־טולס און בראַנד־רולעס.
- סינטאַקס:
- #RRGGBB
- שעה:
- 00–FF פּער טשאַנעל
- בעסטער פֿאַר:
- CSS, דיזיין־האַנדאָף, בראַנד־גיידליינז
וואס איז RGB?
RGB באַשרײַבט אַ קאָליר ווי דרײַ ליכט־טשאַנעלס — רויט, גרין און בלו — יעדער פֿון 0 ביז 255. עס שפּיגלט ווי סקרינז אַרבעטן בפֿירוש: אַלע דרײַ בײַ 255 געבן ווייל, אַלע בײַ 0 געבן שוואַרץ. RGB איז ריכטיק ווען דו דאַרפֿסט רעכענען מיט אַ קאָליר — אַנאַמיישאַנז אויף איין טשאַנעל, מישן אין קאָד, אָדער צוגיין מיט פאַרטרענדקייט מיט rgba().
- סינטאַקס:
- rgb(R, G, B)
- שעה:
- 0–255 פּער טשאַנעל
- בעסטער פֿאַר:
- קאָד, קאַנוואַס, טראַנספּערענסי מיט rgba()
HEX צו RGB רעפֿערענץ טיש
די מערסט געוויינטלעך CSS קאָלירן, קאָנווערטירט פֿון HEX צו RGB.
| קאָליר | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |