Kahve Stil Sayfası: Renk Olarak Kahve

Geliştiricilerin sadece kahve için çalışabileceğini söylüyorlar. Bunun doğru olduğunu düşünmüyorum (ama belki çok da uzak değil). Yani bu haftanın çizgi filmi en sevdiğim iki şeyi karıştıracak: kahve ve CSS. Ve özellikle, CSS renklerine ve farklı kahve türlerinin CSS renklerine benzer şekilde nasıl temsil edilebileceğine odaklanacağım.

Hepimiz RGB, Hex (ayrıca RGB) ve HSL'yi (ki komik olan, aynı zamanda RGB'dir) biliyoruz. Ve CSS standardında yeni renk formatları ortaya çıktı: L*a*b*, LCH, CMYK, HWB, OKLCH… Pek çok insan bana “CSS'de neden bu kadar çok renk formatına ihtiyacımız var ? ” Ve bu, bugünün karikatürünün yardımıyla cevaplamaya çalışacağım adil bir soru .

Ve bunu mevcut bir CSS renk fonksiyonunun yardımıyla yapacağım: HWB . HWB , Ton- Beyazlık- B eksikliği anlamına gelse de , amacıma uyacak şekilde harf anlamlarını (sadece) biraz değiştirdim :

• H = Sıcak su = su ( duh )
• W = Beyaz = süt (köpüklü, köpürtülmüş, buharda pişirilmiş, vb.)
• B = Siyah = kahve (Homer Simpson'dan alıntı: hayatın tüm sorunlarının nedeni ve çözümü.)

Fikri sevsem de sınırlı: Mocha istesek nasıl olur? Mochaların çikolatası vardır ve hwb()çikolatayı temsil etmenin bir yolu yoktur. Sadece su, süt ve kahve. Bu üç temel bileşenle, yalnızca infografikteki kahveleri ve biraz daha fazlasını (birkaç isim vermek gerekirse cortado, café bombón veya galão) yaratabiliyoruz. Yine de bir ton eksiğimiz var: İrlanda kahvesi, espresso romano, marochino vs. ve bunları sadece su, süt ve kahve ile yaratamayız.

Çizgi filmdekiler için bile yeni oluşturduğum hwb()fonksiyon yeterli değil. Örneğin kapuçinoyu kontrol edin: %66 süt ve %33 kahve. Bir latte ile aynı bileşime sahip olması yanıltıcı görünüyor, ancak aynı değiller: bir kapuçinoda süt yarı buharda ve yarı köpürtülür.

Bu detayları farklı bir şekilde ifade edebilseydik daha güzel olurdu. CSS renklerinde de olan budur! RGB'yi uzun süredir kullanıyoruz, ancak RGB sınırlıdır. CSS Renk Modülü Seviye 4, web'i modernleştiren ve bir olasılıklar dünyası getiren yeni renkler yazma yollarını tanıttı: Lab, LCH, OKLCH, CMYK, işlev color()… ve bu renk uzayları, standart RGB'den daha fazla seçenek sunar.

Bir moka söz konusu olduğunda, çikolatayı kaçırıyoruz (bu HWB'de bir seçenek değildir)… öyleyse neden onun yerine LCH kullanmıyoruz?

• L = Hafiflik/Leche/Lait/Latte = Süt
• C = Çikolata
• H = Sıcak kahve

Aynı şey CSS renklerinde de olur: bazı renk işlevleri diğerlerinden daha canlı renkler oluşturmanıza olanak tanır ve bazıları bilgisayar için daha kolay veya insanlar için daha anlaşılır olacaktır. Bazı örtüşmeler beklenir ve bu tamamen normaldir. Proje ihtiyaçlarınız için en iyi renk formatını seçin ve keyfini çıkarın. CSS renkleriyle oynamak için heyecan verici bir zaman.

Renk işlevleri hakkında daha fazlasını okumak istiyorsanız, doğrudan CSS Renk Modülü 4'ü ( ve bazı harika yeni renk işlevleri için seviye 5 !) kontrol edin. Şaşırtıcı derecede basittir. Ayrıca birkaç yıl önce yayınladığım bir makaleye de göz atabilirsiniz … ancak ben yazdığımdan beri standart sürekli değiştiği için biraz eski olduğu konusunda uyarıda bulunun.

Bağlantılar

• kalıcı bağlantı:https://comicss.art/?id=87
• Resim:https://comicss.art/comics/87/coffee-as-a-css-color.png
• Kaynak kodu:https://comicss.art/comics/87/coffee-as-a-css-color.html