- Rgb-Hsl Dönüştürücü
- RGB ve HSL arasında dönüştürme
- RGB'yi HSL'ye dönüştürme adımları:
- HSL'den RGB'ye geri dönüştürmek için:
- Rgb-Hsl Renk kodu tablosu
Rgb-Hsl Dönüştürücü
RGB ve HSL arasında dönüştürme
RGB renk modeli, kırmızı, yeşil ve mavi ışığın birleştirilmesinin bilgisayar ekranlarında gördüğümüz tüm renkleri oluşturduğu ek bir modeldir. RGB değerleri 0 ile 255 arasında değişir ve 16 milyondan fazla olası renk oluşturur.
HSL modeli, renkleri ton, doygunluk ve hafiflik kullanarak tanımlar. Bu, insanların rengi nasıl algıladıklarına dayanır. Ton renk ailesini temsil eder, doygunluk canlılıktır ve hafiflik parlaklıktır .
- Ton, renk tekerleğindeki konumları temsil eden 0 ° ila 360 ° arasında değişir.
- Doygunluk% 0 (gri tonlamalı)% 100 (tamamen doymuş) arasında bir yüzdedir
- Hafiflik% 0 (siyah) ile% 100 (beyaz) arasında bir yüzdedir
RGB'yi HSL'ye dönüştürme adımları:
1. Her birini 255'e bölerek RGB değerlerini 0-1 olarak normalleştirin.
2. Minimum ve maksimum RGB değerlerini bulun.
3. Hafifliği (max + min) / 2 olarak hesaplayın.
4. Max = dakika ise, doygunluk 0'dır ve renk tonu tanımsızdır.
5. Aksi takdirde, doygunluğu hesaplayın:
- doygunluk = (max - min) / (1 - abs(max + min - 1))
6. Tonu hesaplayın:
- Kırmızı maksimumsa, hue = (Yeşil - Mavi) / (maks - dak)
- Yeşil maksimum ise, renk tonu = 2 + (Mavi - Kırmızı) / (maks - dak)
- Mavi maksimum ise, renk tonu = 4 + (Kırmızı - Yeşil) / (maks - dakika)
7. Tonu 0 ° -360 ° arasındaki derecelere dönüştürün.
8. Doygunluğu ve hafifliği yüzdelere dönüştürün.
HSL'den RGB'ye geri dönüştürmek için:
1. Doygunluk 0 ise, R = G = B = hafiflik.
2. Aksi takdirde:
- Renk (doygunluk) olarak hesaplayın (1 - abs (2 * hafiflik - 1)) * doygunluk
- Hue'yu ton olarak hesapla / 60
- Her renk kanalı için ara değerleri hesaplayın
- Modulo ve hue' kullanarak ara değerleri RGB'ye dönüştürün
Bu, iki renk modeli arasında kolay dönüşüm sağlar. HSL, renkleri ayarlamak için kullanışlıdır, RGB ise ekran için gereklidir.
Rgb-Hsl Renk kodu tablosu
| Renk | RGB | HSL | Renk Önizleme |
|---|---|---|---|
| Kırmızı | (255, 0, 0) | (0, 100%, 50%) |
|
| Yeşil | (0, 255, 0) | (120, 100%, 50%) |
|
| Mavi | (0, 0, 255) | (240, 100%, 50%) |
|
| Sarı | (255, 255, 0) | (60, 100%, 50%) |
|
| Turkuaz | (0, 255, 255) | (180, 100%, 50%) |
|
| Menekşe | (255, 0, 255) | (300, 100%, 50%) |
|
| Beyaz | (255, 255, 255) | (0, 0%, 100%) |
|
| Siyah | (0, 0, 0) | (0, 0%, 0%) |
|
| Turuncu | (255, 165, 0) | (39, 100%, 50%) |
|
| Mor | (128, 0, 128) | (300, 100%, 25%) |
|
| Kahverengi | (165, 42, 42) | (0, 59%, 41%) |
|
| Pembe | (255, 192, 203) | (350, 24%, 91%) |
|
| Gri | (128, 128, 128) | (0, 0%, 50%) |
|
Bu tabloda bazı yaygın RGB değerleri ve eşdeğer HSL gösterimi gösterilmektedir. Gördüğünüz gibi, RGB doğrudan renk bileşenleriyle ilgilenirken, HSL renkleri ton, doygunluk ve hafiflik yoluyla algısal olarak temsil eder. Dönüştürme formülleri bu iki renk uzayı arasında hareket etmeye izin verir.