it-swarm.asia

Kapan saya akan menggunakan HSLa melalui RGBa? Apa manfaatnya dengan HSLa?

Baru-baru ini saya belajar tentang format HSLa untuk menentukan warna dengan CSS3. Kapan saya akan menggunakan HSLa melalui RGBa?

Berikut adalah dua artikel yang secara singkat membicarakannya:

10
Alan Le

Tidak spesifik untuk CSS, yaitu secara umum tidak terlalu penting apakah Anda menentukan satu warna dalam HSL atau RGB, yang penting adalah jika Anda perlu menginterpolasi nilai warna, beralih dari merah menjadi hijau di HSL jauh lebih mudah diprediksi. daripada di RGB. Dan Anda dapat melakukannya tanpa mengubah kecerahan warna yang dirasakan. Ini berarti sangat membantu setiap kali Anda perlu mengubah warna (fade, gradient ...)

Juga lebih mudah untuk memilih warna dalam HSL/HSB (ini adalah dua model warna yang sedikit berbeda). Pemilih warna photoshop yang Anda lihat adalah pemetik warna HSB, pilih H pada bilah di sebelah kiri, pilih S pada sumbu horizontal patch warna dan B pada sumbu vertikal.

13
Harald Scheirich

Saya pikir Jon Hicks memiliki pandangan yang menarik tentang HSL dari perspektif desainer, terutama mengenai kemampuan untuk melihat warna:

Akhirnya saya bisa menggunakan angka untuk memilih warna saya, dan begitu saya tahu di mana warna berada pada skala, saya pergi! Bukan hanya untuk CSS, karena 85% waktu kerja saya dihabiskan di Illustrator, membuat ikon, logo, atau ilustrasi.

Hue, Saturation, Lightness adalah kiriman di The Hickensian

2
abennoschmidt

HSL bagus untuk situasi di mana Anda harus mengubah nilai, tetapi RGB adalah standar industri dan yang paling kompatibel. Mengubah kecerahan atau warna dengan HSL akan membutuhkan fungsi javascript yang lebih sederhana daripada menggunakan RGB.

2
Thomas Hunter

Tidak sama sekali. IE tidak akan mendukungnya, dan menentukan mundur? Serius? Ini adalah deklarasi warna yang sama dua kali tanpa alasan.

Jika Anda perlu memberikan sesuatu kuler (mis. Menghasilkan skema warna dinamis berdasarkan algoritma) Anda idealnya melakukannya di sisi server, atau, jika perlu, melalui JS. Tetapi tidak perlu menggunakan ini karena tidak membawa apa pun ke meja.

0
Camilo Martin