Fungsi warna terbaik dalam CSS?

Saya telah berkata sebelum ini bahawa HSL adalah format warna terbaik yang kita ada. Kebanyakan kita tidak seperti David Desandro, yang boleh membaca kod hex. HSL (a) adalah warna, ketepuan, ringan, dan alfa, jika kita memerlukannya.

 HSL (120, 100%, 40%)

Hue tidak intuitif, tetapi itu tidak pelik. Anda mengambil perjalanan di sekitar roda warna dari 0 hingga 360. Ketepuan lebih jelas di mana 0% mempunyai semua warna yang disedut, seperti skala kelabu, dan 100% warna kaya sepenuhnya pada warna itu. Cahaya adalah "normal" pada 50% dan menambah putih atau hitam ketika anda pergi ke arah 100% dan 0%. Saya yakin itu bukan cara saintifik atau teknikal yang betul untuk menerangkannya, tetapi itulah logik otak.

Masih ada masalah dengan menggunakan HSL, yang Brian Kardell menerangkan secara mendalam. Saya jauh dari pakar warna, tetapi saya fikir saya melihat apa yang dikatakan Brian (dan Adam) dalam artikel itu. Katakan anda mempunyai tiga warna yang berbeza dan mereka semua mempunyai cahaya yang sama dalam HSL. Itu tidak bermakna mereka semua sebenarnya ringan. Itu agak pelik, terutamanya apabila anda menggunakan format warna ini sebagai sebahagian daripada sistem warna .

Berita baiknya ialah terdapat ciri -ciri warna yang telah disusun sebagai modul CSS Level 4 yang membantu dengan ini: makmal dan LCH. Semak contoh dari Adam di mana warna -warna dalam makmal mempunyai nilai -nilai yang mencerminkan cahaya sebenar mereka lebih tepat untuk bagaimana kita melihatnya.

HSL vs Lab :: Lightness?

Warna yang sama dari tinjauan warna rumit kami, tetapi kali ini saya telah menunjukkan versi Lab warna yang sama di atas. Perhatikan berapa banyak nilai ringan Lab yang lebih dekat adalah hasil pengundian kami!

? Ruang warna tidak semua sama! https://t.co/aies0amdwy pic.twitter.com/xkeguq3kzg

- Adam Argyle (@argyleink) 3 Disember 2019

Brian:

Terdapat ruang warna seperti makmal dan LCH yang menangani spektrum penuh dan mempunyai kualiti seperti keseragaman persepsi. Oleh itu, jika kita mahukan fungsi warna yang hebat untuk digunakan dalam sistem reka bentuk sebenar, semua orang seolah -olah bersetuju bahawa mempunyai sokongan untuk dilakukan matematik di ruang warna makmal/lch adalah ciri yang membolehkan yang ideal.

Dalam tiket pepijat untuk Chrome, Tab berpendapat bahawa ini akan hampir remeh untuk dilaksanakan.

Perhatikan bahawa makmal ()/lch ()/kelabu () semuanya boleh ditukar dengan infrastruktur warna sedia ada kami; Mereka tidak memperkenalkan apa -apa konsep baru, mereka hanya cara yang lebih baik untuk menentukan warna, lebih dekat dengan bagaimana mata kita sebenarnya berfungsi dan bukannya terikat dengan cara RGB piksel berfungsi.

Fungsi penukaran untuk menjadikannya RGB adalah sedikit kod, tetapi hanya beberapa eksponen dan sedikit pendaraban matriks, dan ia didokumentasikan dengan baik dalam spec.

Ini sepatutnya menjadi perkara yang baik, saya fikir.

Atas ialah kandungan terperinci Fungsi warna terbaik dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!