Apa Itu Kod Warna Hex?
Kod warna hex ialah sistem 6 digit yang mewakili warna menggunakan gabungan nombor (0-9) dan huruf (A-F). "Hex" merujuk kepada hexadecimal, iaitu sistem nombor asas-16. Setiap kod hex bermula dengan tanda # diikuti 6 aksara.
Contoh: #FF0000 ialah merah, #0000FF ialah biru, dan #FFFFFF ialah putih. Hex ialah format warna paling popular dalam pembangunan web dan reka bentuk digital kerana ia ringkas dan mudah disalin.
Cara Membaca Kod Hex
6 digit dalam kod hex terbahagi kepada 3 pasangan, setiap satu mewakili satu saluran warna:
- RR (digit 1-2). jumlah merah (Red)
- GG (digit 3-4). jumlah hijau (Green)
- BB (digit 5-6). jumlah biru (Blue)
Setiap pasangan mempunyai nilai dari 00 (tiada langsung) hingga FF (maksimum). Dalam desimal, 00 = 0 dan FF = 255. Jadi hex sebenarnya ialah versi ringkas RGB.
Ambil contoh #1E90FF (Dodger Blue). 1E = sedikit merah (30). 90 = hijau sederhana (144). FF = biru maksimum (255). Hasilnya: biru terang dengan sedikit hijau.
Contoh Kod Hex untuk Warna Popular
Berikut ialah beberapa kod hex yang kerap digunakan. Anda boleh klik untuk melihat halaman penuh setiap warna.
#FF0000. Merah tulen#0000FF. Biru tulen#FFFF00. Kuning tulen#000000. Hitam#FFFFFF. Putih#808080. Kelabu sederhana#FFC0CB. Pink#E6E6FA. Lavender
Untuk senarai penuh warna dengan kod hex, lawati direktori warna kami.
Menggunakan Hex dalam CSS
Hex ialah format warna paling biasa dalam CSS. Penggunaannya sangat mudah:
color: #1E90FF; untuk warna teks. background-color: #F0EBE3; untuk latar belakang. border: 1px solid #DDD5CB; untuk garisan sempadan.
Hex juga menyokong ketelusan (transparency) dengan menambah 2 digit lagi di hujung, menjadikan format 8 digit. Contoh: #1E90FF80 ialah Dodger Blue dengan 50% ketelusan. Namun, ramai developer lebih suka menggunakan rgba() untuk ketelusan kerana ia lebih mudah dibaca.
Kelebihan hex: ringkas, mudah disalin, dan disokong oleh semua pelayar web. Kekurangan: sukar untuk diubah suai secara visual. Jika anda perlu mencipta variasi warna (lebih cerah atau gelap), HSL lebih praktikal.
Soalan Lazim
Apa maksud # dalam kod warna hex?
Tanda # (hash) ialah penanda yang memberitahu perisian bahawa nilai selepasnya ialah kod warna hex. Dalam CSS, # wajib ada sebelum 6 digit hex. Contoh: #FF0000 untuk merah. Tanpa #, perisian tidak akan mengenali ia sebagai warna.
Bolehkah hex code ditulis 3 digit sahaja?
Ya, jika setiap pasangan digit sama, ia boleh disingkatkan kepada 3 digit. Contoh: #FF0000 boleh ditulis #F00, dan #CCCCCC boleh ditulis #CCC. Tapi #1E90FF tidak boleh disingkatkan kerana digitnya tidak berpasangan sama. Kebanyakan designer lebih suka 6 digit untuk kejelasan.
Macam mana nak tukar hex ke RGB?
Pisahkan 6 digit hex kepada 3 pasangan (RR, GG, BB), kemudian tukar setiap pasangan dari hexadecimal ke desimal. Contoh: #1E90FF. 1E = 30, 90 = 144, FF = 255. Jadi RGB ialah (30, 144, 255). Anda boleh guna kalkulator online atau rujuk halaman warna kami yang menyenaraikan kedua-dua kod.
Pelajari sistem warna digital yang lain: RGB dan HSL. Atau lihat bagaimana warna dikod untuk cetakan dalam CMYK.