Monu Tools

Penukar Warna

Tukar warna antara HEX, RGB dan HSL dengan pratonton langsung.

Cara menggunakan Penukar Warna

  1. 01

    Masukkan warna sebagai HEX, contohnya #ff8800.

  2. 02

    Lihat ia ditukar kepada RGB dan HSL serta-merta.

  3. 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.

Sumber

Benamkan alat ini

Tambah alat ini ke laman web anda sendiri. Salin coretan di bawah; ia kekal terkini secara automatik.

<iframe src="https://monu.tools/embed/ms/color-converter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

Alat berkaitan