Penukar Warna

Warna anda dalam semua format

Alat reka bentuk, CSS, panduan jenama dan pustaka kod menerangkan warna dengan cara berbeza. Pereka memberi anda #8997BB, pustaka carta mahukan rgb(137, 151, 187), dan anda mahukan nilai HSL untuk membuat warna lebih cerah.

Penukar warna ini menerima warna dalam mana-mana format biasa dan menunjukkannya dalam HEX, RGB, RGBA, HSL, HSLA dan HSV sekali gus.

Cara menukar warna

1. Masukkan warna dalam format yang disokong, contohnya #8997BB, rgb(137,151,187) atau hsl(223, 27%, 63%).
2. Hantar untuk menukar.
3. Salin format yang diperlukan daripada keputusan.
4. Tampal ke CSS, fail reka bentuk atau kod.

Kegunaan biasa

• Menukar warna jenama untuk CSS.
• Menyediakan warna untuk Canva, Figma atau Photoshop.
• Membuat versi warna lebih cerah atau gelap.
• Menyelaraskan warna antara pasukan reka bentuk dan pembangun.

Petua berguna

• HEX tiga digit ialah singkatan: #ABC sama dengan #AABBCC.
• Dalam HEX lapan digit, dua digit terakhir ialah alfa: FF legap sepenuhnya dan 00 lut sinar; 80 kira-kira 50%.
• HSL dan HSV tidak sama walaupun kedua-duanya menggunakan rona dan ketepuan.
• Untuk memilih warna secara visual, gunakan pemilih warna.

Soalan lazim

Apa itu kod warna HEX?

Kod HEX ialah nombor heksadesimal enam digit yang didahului #. Setiap pasangan digit menetapkan merah, hijau dan biru dari 00 hingga FF.

Apakah beza RGB dan RGBA?

RGBA menambah nilai keempat, alfa, dari 0 (lut sinar) hingga 1 (legap). rgba(0, 0, 0, 0.5) ialah hitam dengan kelegapan 50%.

Kenapa guna HSL berbanding HEX?

HSL lebih mudah diubah oleh manusia. Menukar nilai kecerahan sahaja memberikan versi warna yang lebih cerah atau gelap.

Adakah HSV dan HSB sama?

Ya. HSB (hue, saturation, brightness) ialah nama lain untuk HSV, digunakan dalam Photoshop.

Alat berkaitan

• Pemilih Warna: Pilih warna dan dapatkan kodnya.
• Penukar HEX ke RGB: Tukar warna HEX kepada RGB.
• Penukar RGB ke HEX: Tukar warna RGB kepada HEX.
• Pengoptimum Imej: Mampatkan dan kecilkan saiz gambar.
• Penukar Heks: Tukar teks kepada heks dan sebaliknya.