RGB sana 0 ile 255 arasında üç ondalık kanal verir. HEX'e dönüştürmek, her kanalı iki haneli onaltılık bir sayıya çevirir; böylece tüm renk tek, kompakt bir token içine girer ve her tarayıcı, tasarım aracı ve stil rehberi tarafından anlaşılır.
How RGB to HEX conversion works
- Kırmızı kanalı al ve 16'ya böl: bölüm ilk basamak, kalan ikinci basamak olur.
- 10'dan 15'e kadar olan rakamları A ile F harfleri olarak yaz — 255, FF olur.
- Yeşil ve mavi için tekrarla; tek basamaklıları başına sıfır ekleyerek tamamla: 5, 05 olur.
- Üç çifti birleştir ve başına bir # koy.
Çalışan örnek
Kesin, kanallar 0 ile 255 arasında tam sayılar olduğu sürece. rgb(79.5, 70, 229) gibi kesirli değerler önce en yakın tam sayıya yuvarlanır, çünkü HEX aradaki değerleri saklayamaz.
RGB and HEX explained
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 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 to HEX reference table
En yaygın CSS renkleri, RGB formatından HEX formatına dönüştürülmüş.
| Renk | 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 |