RGB געבט דיר דרײַ דעצימאַלע טשאַנעלס צווישן 0 און 255. קאָנווערטירן צו HEX טוישט יעדער טשאַנעל אין אַ צוויי־דיציט העקסאַדעצימאַל נומער, אַזוי די גאַנץ קאָליר פּאַסט אין אַ איין קאַמפּאַקטן טאָקען וואָס יעדער בראַוזער, דיזיין־צענטער און סטייל־גייד פֿאַרשטייט.
ווי אַ RGB צו HEX קאָנוועזיע אַרבעט
- נעם די רויט־אקאַוואַל און טייל עס דורך 16: דער קוואַשאַנץ איז דער ערשטער ציפֿער, דער רעשט דער צווייט.
- שרייב די ציפֿערן 10 ביז 15 ווי די אותיות A ביז F — 255 ווערט FF.
- מעכּר עמוים פֿאַר גרין און בלוי אויף אַווי, פּאַדינג איין־ציפֿריקע ווערט מיט אַ פֿאָראָפּל ציפֿער: 5 ווערט 05.
- פֿאַרבינד די דרײַ פּאָרן און שטעלן אַ # אַװנטען.
אַרבעטנדיקער ביישפּיל
גענויִג, אַז לאַנג די גאנצע־נומערן פֿון די כאַנעלס זײַנען פֿון 0 ביז 255. פֿראַקשאַנעלע ווערטן ווי rgb(79.5, 70, 229) ווערן קודםנס צו די נעענסטע גאנצע נומער רונגעקלערט, ווייל HEX קען נישט אָנהאַלטן אריינצווישן.
RGB און HEX דערקלערט
וואס איז RGB?
RGB באַשרײַבט אַ קאָליר ווי דרײַ ליכט־טשאַנעלס — רויט, גרין און בלו — יעדער פֿון 0 ביז 255. עס שפּיגלט ווי סקרינז אַרבעטן בפֿירוש: אַלע דרײַ בײַ 255 געבן ווייל, אַלע בײַ 0 געבן שוואַרץ. RGB איז ריכטיק ווען דו דאַרפֿסט רעכענען מיט אַ קאָליר — אַנאַמיישאַנז אויף איין טשאַנעל, מישן אין קאָד, אָדער צוגיין מיט פאַרטרענדקייט מיט rgba().
- סינטאַקס:
- rgb(R, G, B)
- שעה:
- 0–255 פּער טשאַנעל
- בעסטער פֿאַר:
- קאָד, קאַנוואַס, טראַנספּערענסי מיט rgba()
וואס איז HEX?
אַ HEX־קאָד איז אַ זעקס־דיציט אַרבעטן־העקסאַדעצימאַל נומער וואָס סטאָרס די רויטע, גרינע און בלויע טשאַנעלס פון אַ קאָליר אַחורי אַ פֿירער #. יעדער פּאָר דיציט דעקן איין טשאַנעל — פֿון 00 (קיין) ביז FF (פול) — וואָס געבט די זעלבע 16.7 מיליאָן קאָלירן ווי RGB אין אַ פיל קורצער נאָטאציע. HEX איז דער פעליקער אין CSS, דיזיין־טולס און בראַנד־רולעס.
- סינטאַקס:
- #RRGGBB
- שעה:
- 00–FF פּער טשאַנעל
- בעסטער פֿאַר:
- CSS, דיזיין־האַנדאָף, בראַנד־גיידליינז
RGB צו HEX רעפֿערענץ טיש
די מערסט געוויינטלעך CSS קאָלירן, קאָנווערטירט פֿון RGB צו HEX.
| קאָליר | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |