Pembantu warna untuk menulis HTML dan CSS. Ketik warna apa pun sebagai #3498db, rgb(52,152,219), hsl(204,70%,53%), atau nama CSS seperti dodgerblue dan tab Konversi langsung menampilkan setiap format yang setara, deklarasi CSS siap tempel, dan saran warna latar depan hitam/putih. Tab Bernama mencantumkan semua 148 kata kunci warna CSS termasuk rebeccapurple (dapat dicari, klik untuk menyalin), dan Web Safe menawarkan palet klasik 216 warna. Semuanya berjalan secara lokal — tanpa unggahan, tanpa server. Alat ini berorientasi pada kode; untuk pekerjaan desain (palet, gradien, kontras, pencampuran) lihat juga Pemilih Warna.
Mode:
Pilih atau ketik warna - padanan dan cuplikan CSS diperbarui langsung.
Nama warna CSS 148 kata kunci (termasuk rebeccapurple) — klik sampel untuk menyalin #hex-nya
Palet web-safe 216 warna (langkah RGB 0/51/102/153/204/255) — klik untuk menyalin
Warna-warna ini dirender tanpa dithering pada layar 256 warna klasik.
Bagaimana format saling berhubungan:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%). Hue HSL dalam derajat (0-360), saturasi/kecerahan dalam persen. Alfa (#RRGGBBAA, rgba(), hsla()) diurai dan dibawa melalui setiap keluaran. Nama kata kunci CSS dicocokkan persis lebih dulu; jika tidak ada kata kunci yang cocok, yang terdekat dari 148 kata kunci disarankan sebagai petunjuk desain.
Apa itu kode warna CSS?
Kode warna CSS adalah resep numerik untuk satu warna di layar: seberapa banyak cahaya merah, hijau, dan biru yang dicampur. Setiap notasi — hex enam digit seperti #3498db, fungsional rgb(52, 152, 219), hsl(204, 70%, 53%), dan 148 kata kunci bawaan — menghasilkan nilai sRGB 24-bit yang sama. Hex dan rgb() menyatakan kanal secara langsung, sedangkan hsl() menggambarkan warna sebagai sudut pada roda warna ditambah saturasi dan kecerahan, yang sering lebih mudah dipahami saat menyetel nuansa.
256 tingkat per kanal memberikan 16.777.216 warna yang dapat dialamati; bentuk 8 digit (#RRGGBBAA, rgba(), hsla()) hanya menambahkan nilai alfa (opasitas) ke warna yang sama.
