OKLCH ilə rənglərin gələcəyinə səyahət

Son zamanlarda rəqəmsal dizayn aləmində çox maraqlı bir yenilik var — adı da qəribə səslənir: OKLCH. Bir anlıq fikirləşə bilərsiniz ki, adını düzgün tələffüz etmək özü ayrıca məsələdir, amma narahat olmayın, əslində heç də çətin deyil.

OKLCH rəng modeli, insan gözünün rəngləri necə qavradığını nəzərə alaraq yaradılıb. Biz əvvəllər RGB və HSL modellərindən istifadə edirdik, amma bu modellərin bəzən qəribə rəng keçidlərinə səbəb olduğunu görmüşük. Bax, OKLCH belə problemləri aradan qaldırmaq üçün meydana çıxıb.

OKLCH rəng modelinin üç əsas komponenti var:

• L (İşıqlılıq): Bu, rəngin nə qədər işıqlı və ya qaranlıq olduğunu göstərir. Sadə dillə desək, 0% qara, 100% isə ağ rəngdir.
• C (Canlılıq və ya Xrom): Rəngin nə qədər parlaq olduğunu göstərir. Boz rəng istəmirsinizsə, bu dəyəri artırın!
• H (Rəngin özü): Bu, rəng çarxında rəngin yerini göstərən bucaqdır, məsələn, 0 dərəcə qırmızı, 90 dərəcə sarı və s.

OKLCH-ni nə fərqləndirir?

Gözə uyğun rənglər

OKLCH modelində rəngləri dəyişəndə, həqiqətən də gözümüzün gördüyü kimi dəyişir. RGB-dəki kimi gözümüz təəccüblənmir ki, “Axı mən bu rəngi belə istəmədim!” deyə şikayət edəsiniz.

Daha hamar gradientlər

Gradientlər yaratmaq dizaynerlər üçün bəzən başağrısı olur. Amma OKLCH ilə hazırlanan gradientlər çox hamar və təbiidir — palçıqlı yol kimi yox, əsl gözəl keçidlər kimi görünür.

Daha geniş rəng seçimi

OKLCH modelində daha çox rəngdən istifadə etmək mümkündür. Bu da dizaynerlər üçün yeni imkanlar deməkdir.

Əlçatanlıq üstünlüyü

Rənglərin dəqiq və doğru seçilməsi istifadəçilərin interfeysi daha yaxşı oxumasına kömək edir. OKLCH-də rənglərin parlaqlığı dəqiq olduğu üçün dizaynlarınız həm gözəl, həm də əlçatan olur.

OKLCH istifadə edən məşhur şirkətlərdən bəziləri:

• Tailwind CSS — v4 versiyasında rəng tokenləri üçün OKLCH istifadə edir.
• Evil Martians — RGB və HSL-dən OKLCH-yə keçid edib və rənglərlə iş üçün öz vasitələrini yaradıblar.
• Uploadcare — OKLCH rəng modelini aktiv şəkildə istifadə edir.

Amma bir neçə xırda problem də var:

• Bəzi brauzerlər və proqramlar OKLCH-ni hələ tam qəbul etmir. Bu, dizaynerlərin əlavə alətlərdən istifadə etməsinə səbəb olur.
• Bəzən ekranınız OKLCH rənglərini dəstəkləməyə bilər və nəticədə rənglər gözlədiyinizdən fərqli görünə bilər.

Yekun olaraq…

OKLCH rəng modeli rəqəmsal dizayn üçün əla yenilikdir. Gələcəkdə bu rəng modeli daha geniş yayıldıqca, dizaynerlər rənglərlə işləyərkən daha xoşbəxt və daha uğurlu olacaqlar.

Beləliklə, rəngləri “əsl gözünüzlə” görmək istəyirsinizsə, OKLCH ilə tanış olmağın vaxtıdır! Amma yenə də RGB-yə çox da küsməyin, hər ehtimala qarşı yanınızda saxlayın!

İstifadə edilən mənbələr:

• Uploadcare
• CSS-Tricks
• Evil Martians
• Tailwind CSS
• MDN Web Docs
• Chris Coyier
• LogRocket