HEX kodu üç 8-bit ədədi altı onaltılıq rəqəmdə sıxlaşdırır. HEX-i RGB-yə çevirmək o rəqəmləri cütlərə ayırmaq və hər cütü 0–255 aralığında onluğa çevirmək deməkdir — dəqiq olaraq CSS, Figma və şəkil redaktorlarının gözlədiyi dəyərlər.
Necə işləyir: HEX-dən RGB-ya çevirmə
- Önündəki # işarəsini çıxart və kod yalnız üç simvoldursa, hər birini iki dəfə yaz: #f53 -> #ff5533.
- Altı simvolu üç cütə böl — RR, GG və BB.
- Hər cütü baza-16 ədədi kimi oxu və baza-10-a çevir: FF -> 255, 57 -> 87, 33 -> 51.
- Üç nəticəni rgb(R, G, B) kimi yaz.
İş nümunəsi
Bu çevirmə dəqiqdir. HEX və RGB eyni sRGB dəyərlərini fərqli notasiya ilə təsvir edir, buna görə heç nə yuvarlaqlaşdırılmır və ya itmir.
HEX və RGB izahı
HEX nədir?
HEX kodu qabaqcıl # ilə başlayan, qırmızı, yaşıl və mavi kanalları saxlayan altı simvollu onaltılıq ədəddir. Hər cüt simvol bir kanalı təmsil edir, 00 (heç biri) dən FF (tam) qəədər, bu da RGB ilə eyni 16.7 milyon rəngi daha qısa notasiya ilə verir. HEX CSS-də, dizayn alətlərində və brend qaydalarında standartdır.
- Sintaksis:
- #RRGGBB
- Aralıq:
- Hər kanal üçün 00–FF
- Ən yaxşı üçün:
- CSS, dizaynın təhvil verilməsi, brend qaydaları
RGB nədir?
RGB bir rəngi üç işıq kanalında təsvir edir — qırmızı, yaşıl və mavi — hər biri 0–255 intervalında. Bu, ekranların faktiki işini əks etdirir: hamısı 255 olduqda ağ, hamısı 0 olduqda qara alınır. RGB rənglə hesablamalar aparanda düzgün seçimdir, və rgba() şəffaflıq əlavə edir.
- Sintaksis:
- rgb(R, G, B)
- Aralıq:
- Hər kanal üçün 0–255
- Ən yaxşı üçün:
- kod, canvas, rgba() ilə şəffaflıq
HEX-dən RGB-ya istinad cədvəli
Ən çox istifadə olunan CSS rəngləri, HEX-dən RGB-ya çevrilib.
| Rəng | 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) |