Jika Anda bekerja dengan desain, media sosial, atau situs web, Anda akan melihat warna ditulis dalam beberapa bentuk. Itu hanyalah cara berbeda untuk menyebut hal yang sama.
Tiga format warna
- HEX, seperti
#E4007C: yang paling umum dalam desain web. Terdiri dari tiga pasang digit: merah, hijau, dan biru. - RGB, seperti
rgb(228, 0, 124): jumlah merah, hijau, dan biru, dari 0 sampai 255. - HSL, seperti
hsl(330, 100%, 45%): rona, saturasi, dan kecerahan. Berguna untuk membuat variasi, misalnya nada yang lebih terang.
Dengan Pengonversi warna HEX, RGB, dan HSL, Anda menulis warna dalam salah satu format, atau memilihnya dengan pemilih warna, lalu langsung mendapatkan dua format lainnya, lengkap dengan tombol salin. Alat ini menerima HEX 3 digit: #F0A sama dengan #FF00AA.
Mengambil warna dari gambar
Punya logo atau foto referensi? Palet warna dari gambar mengelompokkan warna utama dan memberi kode HEX-nya. Ketuk sebuah warna untuk menyalinnya, atau salin semuanya sebagai variabel CSS. Hasilnya berupa perkiraan: warna yang mirip dikelompokkan jadi satu.
Penerapan praktis
- Buat favicon dari logo Anda.
- Ubah SVG ke PNG dengan ukuran yang Anda perlukan.
- Buat logo tanpa latar dengan Hapus latar warna solid.
Tips aksesibilitas
Usahakan kontras yang baik antara teks dan latar, dan jangan hanya mengandalkan warna untuk menyampaikan sesuatu. Teks abu-abu muda di atas putih bisa sulit dibaca bagi banyak orang.