Renk Seçici ve Dönüştürücü

Renk Modelleri

Renk modeli, renkleri sayılarla tanımlamak için kullanılan bir sistemdir. Çıktının ekran, yazıcı veya tasarım özelliği olmasına bağlı olarak farklı bağlamlarda farklı modeller kullanılır.

RGB / RGBA

Format

RGB, kırmızı, yeşil ve mavi ışığı karıştırarak renkleri tanımlar. Her kanal 0 ile 255 arasında değişir. rgb(255, 0, 0) saf kırmızıdır. rgb(255, 255, 255) beyazdır. A (alfa) kanalı şeffaflık ekler, 0 (tamamen şeffaf) ile 1 (tamamen opak) arasında değişir. Örneğin, rgba(255, 0, 0, 0.5) yarı şeffaf kırmızıdır. RGB, ekranlar ve dijital görüntüler için yerel renk modelidir.

Tarihçe

RGB modeli, 19. yüzyıldan kalma Young-Helmholtz üç renkli görme teorisine dayanır. James Clerk Maxwell, 1861'de ilk RGB renkli fotoğraf deneylerini gerçekleştirdi. RGB, 1930'lar ve 1940'larda renkli CRT televizyonların geliştirilmesiyle elektronik ekranlar için standart haline geldi ve daha sonra bilgisayar monitörleri için benimsendi. sRGB renk uzayı, Ocak 1997'de HTML 3.2'de web standardı olarak resmi olarak kabul edildi.

HEX / HEXA

Format

HEX, onaltılı kullanarak RGB değerlerinin kompakt bir gösterimidir. #FF0000, rgb(255, 0, 0) ile aynıdır. Her onaltılı basamak çifti bir kanalı temsil eder: #RRGGBB. 8 basamaklı form #RRGGBBAA alfa kanalı ekler; burada 00 tamamen şeffaf ve FF tamamen opaktır. Örneğin, #FF000080 %50 opaklıkta kırmızıdır. #F00 gibi kısaltılmış formlar #FF0000'a genişler.

Tarihçe

Hex renk gösterimi, 1990'ların ortasında ilk web tarayıcılarında ortaya çıktı. Mosaic ve Netscape Navigator'ın ilk sürümleri X11 renk adı sistemini devraldı. Hakon Wium Lie ve Bert Bos tarafından Aralık 1996'da yayınlanan CSS Seviye 1, hex üçlülerini web'de renk belirtmenin birincil yolu olarak resmi olarak standartlaştırdı.

HSL / HSLA

Format

HSL, rengi ton, doygunluk ve açıklık olarak tanımlar. Ton, renk tekerleğinde bir derecedir (0-360): 0 kırmızı, 120 yeşil, 240 mavidir. Doygunluk (%0-100) renk yoğunluğunu kontrol eder. Açıklık (%0-100) parlaklığı kontrol eder; %0 siyah ve %100 beyazdır. HSL, parlaklık ve doygunluğu bağımsız olarak ayarlayabildiğiniz için renk seçiminde genellikle RGB'den daha sezgiseldir.

Tarihçe

HSL, ilk olarak George H. Joblove ve Donald Greenberg tarafından 1978'de Computer Graphics dergisindeki bir makalede tanımlanmıştır. RGB ile temel bir sorunu çözmek için oluşturulmuştur: kırmızı, yeşil ve mavi değerleri karıştırmak insanlar için sezgisel değildir. HSL, RGB renk uzayını yeniden düzenler böylece sanatçılar ve tasarımcılar renk (ton), canlılık (doygunluk) ve parlaklık (açıklık) açısından düşünebilir; bu da insanların renkleri doğal olarak tanımlama biçimine daha yakın eşleşir.

HSV / HSB

Format

HSV (ton, doygunluk, değer) HSL'ye benzer ancak açıklık yerine "değer" (parlaklık) kullanır. %100 değerde, tamamen doygun renkler saf ve parlaktır. HSV, renk seçicilerin çalışma biçimine daha doğal şekilde eşleşir: doygunluk/parlaklık paneli S ve V'yi ayarlarken ton kaydırıcısı H'yi ayarlar.

Tarihçe

HSV, Alvy Ray Smith tarafından Ağustos 1978'de New York Teknoloji Enstitüsü'nün Bilgisayar Grafikleri Laboratuvarı'nda çalışırken tanımlanmıştır. HSL ile aynı Computer Graphics sayısında yayınlanmıştır. Smith, HSV'yi sanatçıların ekranda renk seçmek için sezgisel bir yola ihtiyaç duyduğu erken bir dijital boyama programında kullanılmak üzere tasarlamıştır. HSV'nin silindir modeli, bir ton kaydırıcısı ve doygunluk/parlaklık paneli olan renk seçici olarak uygulamayı doğal hale getirmiştir.

CMYK

Format

CMYK (camgöbeği, macenta, sarı, anahtar/siyah) baskıda kullanılır. RGB toplamsal (ışık) iken, CMYK çıkarımsal (mürekkep) bir modeldir. Her değer uygulanan mürekkebin yüzdesini temsil eder. cmyk(0, 100, 100, 0) kırmızı üretir. RGB ve CMYK arasında dönüştürme yaklaşıktır çünkü farklı renk aralıklarını (gamutları) kaplarlar.

Tarihçe

CMYK'nın temelleri, 1710 civarında ayrı bakır plakalar kullanarak yarı ton renkli baskıyı icat eden Jacob Christoph Le Blon'a dayanır. Başlangıçta kırmızı, sarı ve mavi plakalar kullanmış, daha sonra daha keskin ana hatlar ve metin için siyah plaka eklemiştir. Modern dört renkli CMYK süreci ilk olarak 1890'larda renkli gazete illüstrasyonları için uygulanmıştır. Siyah plakaya "anahtar" plaka denir çünkü diğer plakaların hizalandığı (anahtarlandığı) ince detayları taşır.

CSS Renk Formatları

Modern CSS, çeşitli renk gösterimlerini destekler:

• #FF5733 veya #ff5733 (HEX)
• rgb(255, 87, 51) veya rgba(255, 87, 51, 0.5)
• hsl(14, 100%, 60%) veya hsla(14, 100%, 60%, 0.5)
• Adlandırılmış renkler: red, cornflowerblue, rebeccapurple (toplam 148 adlandırılmış renk)