Penukar Warna
Tukar warna antara HEX, RGB dan HSL dengan pratonton langsung.
Cara menggunakan Penukar Warna
- 01
Masukkan warna sebagai HEX, contohnya #ff8800.
- 02
Lihat ia ditukar kepada RGB dan HSL serta-merta.
- 03
Salin format yang anda perlukan.
Apa yang ia lakukan
Ini ialah penukar warna untuk kerja web dan reka bentuk yang menterjemah warna antara tiga format yang paling kerap anda gunakan: HEX, RGB dan HSL, dengan cebisan warna langsung supaya anda dapat melihat dengan tepat apa yang anda sedang kerjakan.
Ini ialah gam harian antara reka bentuk dan kod: memadankan warna jenama daripada lakaran ke pemboleh ubah CSS, menukar nilai yang diberikan pereka dalam satu format kepada format yang dikehendaki kerangka anda, atau mencari ton yang sedikit lebih cerah untuk keadaan tuding.
Semuanya berjalan dalam pelayar anda, jadi ia serta-merta dan tiada apa yang anda masukkan dihantar ke mana-mana.
Bagaimana format berbeza
Setiap format menerangkan warna yang sama dengan cara berbeza. HEX (seperti #ff8800) ialah bentuk padat yang digunakan di seluruh CSS dan HTML. RGB menyatakan saluran merah, hijau dan biru secara langsung, iaitu cara skrin dan kod seperti canvas memikirkan warna. HSL menerangkan rona, ketepuan dan kecerahan, yang jauh lebih intuitif apabila anda mahu menyesuaikan warna: ubah rona untuk menggeser warna di sekeliling roda, atau kecerahan untuk menjadikannya lebih gelap tanpa memilih kod baharu secara manual.
Cara penukaran berfungsi
Masukkan nilai HEX dan padanan RGB serta HSL akan dikemas kini serta-merta, jadi anda boleh mengambil format yang dikehendaki oleh alat atau kod di hadapan anda.
Apa yang belum diliputi
Buat masa ini, alat ini menumpukan pada warna legap dalam HEX, RGB dan HSL; sokongan alfa (kelegapan) belum disertakan.
Soalan lazim
Format apa yang disokong?
HEX (#rgb atau #rrggbb), RGB dan HSL. Masukkan nilai HEX dan yang lain dikemas kini secara langsung.
Adakah alfa / kelegapan disokong?
Belum. Alat ini memfokuskan pada HEX, RGB dan HSL yang legap. Sokongan alfa boleh ditambah kemudian.