HEX kodu üç 8 bitlik sayıyı altı on altılık haneye sıkıştırır. HEX'i RGB'ye dönüştürmek, bu haneleri ikişerli parçalara ayırmak ve her çifti 0 ile 255 arasında ondalık bir sayı olarak okumak demektir — tam olarak CSS, Figma ve görüntü editörlerinin beklediği değerler.
How HEX to RGB conversion works
- Başındaki # karakterini at ve eğer kod sadece üç haneliyse her haneyi çiftle: #f53, #ff5533 olur.
- Altı haneyi üç çifte ayır — RR, GG ve BB.
- Her çifti onaltılık (base-16) sayı olarak oku ve onluk (base 10) sayıya çevir: FF 255 olur, 57 87 olur, 33 51 olur.
- Üç sonucu rgb(R, G, B) şeklinde yaz.
Çalışan örnek
Bu dönüşüm tamdır. HEX ve RGB aynı sRGB değerlerini farklı gösterimlerle tanımlar, dolayısıyla her iki yönde de yuvarlama veya veri kaybı olmaz.
HEX and RGB explained
HEX nedir?
HEX kodu, bir rengin kırmızı, yeşil ve mavi kanallarını başında # olan altı haneli on altılık bir sayı ile saklar. Her iki hane bir kanalı temsil eder, 00 (yok) ile FF (tam) arasındadır; bu da RGB ile aynı 16.7 milyon rengi çok daha kısa bir gösterimde verir. HEX, CSS, tasarım araçları ve marka kılavuzlarında varsayılandır.
- Sözdizimi:
- #RRGGBB
- Aralık:
- 00–FF her kanal için
- En uygun:
- CSS, tasarım teslimi, marka yönergeleri
RGB nedir?
RGB, bir rengi üç ışık kanalı olarak tanımlar — kırmızı, yeşil ve mavi — her biri 0 ile 255 arasında. Bu, ekranların nasıl çalıştığını yansıtır: hepsi 255 olursa beyaz, hepsi 0 olursa siyah elde edilir. RGB, bir renk ile hesaplama yapman gerektiğinde doğru tercihtir; rgba() ise şeffaflık ekler.
- Sözdizimi:
- rgb(R, G, B)
- Aralık:
- 0–255 her kanal için
- En uygun:
- kod, canvas, rgba() ile şeffaflık
HEX to RGB reference table
En yaygın CSS renkleri, HEX formatından RGB formatına dönüştürülmüş.
| Renk | 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) |