RGB sənə 0–255 arasında üç onluq kanal verir. HEX-ə çevirmək hər kanalı iki simvollu onaltılıq ədədə çevirir, beləliklə bütün rəng bir kompakt tokenə sığır və hər brauzer, dizayn aləti və stil bələdiyyəsi bunu başa düşür.
Necə işləyir: RGB-dən HEX-ya çevirmə
- Qırmızı kanalı götür və 16-ya böl: hasil birinci rəqəm, qalıq isə ikinci rəqəmdir.
- 10-dan 15-ə qədər rəqəmləri A-dan F-ə kimi yaz — 255 FF olur.
- Yaşıl və mavi üçün də təkrarla, tək rəqəmləri qabağa sıfır əlavə edərək doldur: 5 05 olur.
- Üç cütü birləşdir və qabağına # qoy.
İş nümunəsi
Dəqiqdir, əgər kanallar 0–255 arasında tam ədədlərdirsə. rgb(79.5, 70, 229) kimi kəsrli dəyərlər əvvəlcə ən yaxın tam ədədə yuvarlaqlaşdırılır, çünki HEX aralarında heç nə saxlayə bilməz.
RGB və HEX izahı
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 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-dən HEX-ya istinad cədvəli
Ən çox istifadə olunan CSS rəngləri, RGB-dən HEX-ya çevrilib.
| Rəng | 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 |