Penjana Pemboleh Ubah CSS

Ubah satu warna asas kepada set pemboleh ubah CSS token reka bentuk yang lengkap. Pilih warna asas hex, namakan pemboleh ubah, pilih prefiks, dan secara pilihan jana skala nada 50–950 dan/atau pecahan saluran HSL. Output ialah blok :root { ... } sedia untuk ditampal dengan tahap nada yang diperoleh dengan melaraskan kecerahan HSL sambil mengekalkan hue dan ketepuan daripada warna asas anda.

1. Pilih Warna Asas dengan pemilih warna (atau taip nilai hex). 2. Masukkan Nama Pemboleh Ubah (cth. primary) — digunakan sebagai akhiran selepas prefiks anda. 3. Tetapkan Prefiks (lalai --, secara automatik mendapat sempang di hujung jika tiada). 4. Tandakan Jana Nada untuk mengeluarkan skala 50–950, dan/atau Jana HSL untuk mengeluarkan pecahan saluran HSL mentah. 5. Klik Jana, kemudian Salin untuk menyalin blok CSS.

Nada dihasilkan dengan menukar warna asas kepada HSL dan menggantikan tahap kecerahan tetap: 50→97%, 100→94%, 200→86%, 300→76%, 400→64%, 500 (warna asas anda tidak berubah), 600→42%, 700→34%, 800→26%, 900→20%, 950→12%. Hue dan ketepuan diambil daripada warna asas. Blok varian HSL mengeluarkan HSL yang dipisahkan ruang (cth. --primary: 217 91% 60%) serta saluran -h, -s, -l berasingan untuk digunakan dalam fungsi color-mix/relative-color moden.