Toolyard

Warna HEX, RGB, dan HSL

Tiga cara menulis satu warna

HEX#2563D9
RGBrgb(37, 99, 217)
HSLhsl(219, 71%, 50%)

Ketiganya biru yang sama. Layar membentuk setiap warna dari campuran cahaya merah, hijau, dan biru, dan setiap format menuliskan takaran itu dengan cara berbeda.

RGB dan HEX

RGB memberi nilai merah, hijau, dan biru dari 0 sampai 255. HEX menulis tiga angka yang sama dalam basis 16, masing-masing dua digit: 25 adalah 37, 63 adalah 99, dan D9 adalah 217. Kode singkat seperti #FFF menggandakan setiap digit (#FFFFFF, putih), dan pasangan keempat menambahkan transparansi (#2563D980 kira-kira setengah tembus pandang).

HSL

HSL menggambarkan warna seperti cara kita memikirkannya: hue adalah posisi di roda warna dalam derajat (0 merah, 120 hijau, 240 biru), saturasi adalah kekuatannya, dan lightness berkisar dari hitam di 0% sampai putih di 100%. Jadi mudah membuat warna yang lebih terang atau gelap: pertahankan hue dan saturasi, ubah lightness.

CMYK untuk cetak

Printer mencampur tinta cyan, magenta, kuning, dan hitam, bukan cahaya. Konversi antara RGB dan CMYK hanya perkiraan, karena layar dan tinta tidak bisa menampilkan rentang warna yang persis sama.

Kontras untuk teks

Pedoman aksesibilitas WCAG meminta kontras minimal 4,5:1 untuk teks biasa dan 3:1 untuk teks besar pada level AA. Konverter warna mengonversi semua format ini dan memeriksa kontras terhadap teks putih dan hitam. Untuk menemukan kode warna dari foto atau tangkapan layar, gunakan Pengambil warna dari gambar.

Alat dalam panduan ini

Panduan lainnya

Cara membuka file HEIC di WindowsCara memperkecil ukuran file PDFCara menghapus lokasi dari fotoCara mengambil audio dari videoCara membuat kode QR Wi-FiCara menandatangani PDFCara memeriksa checksum file (SHA-256)PNG, JPG, atau WebP: format gambar mana yang dipakai?Cara menggabungkan file PDFCara menyalin teks dari gambarCara mengubah JPG ke PDFCara mengubah PDF ke JPGCara memisahkan PDF atau mengambil halamannyaCara memutar PDF secara permanenCara menambahkan nomor halaman ke PDFCara menambahkan watermark ke PDFCara mengubah HEIC ke JPG di MacCara mengubah WebP ke JPGCara memperkecil ukuran file gambarCara mengubah video ke GIFCara mengubah WAV ke MP3Cara membuat kata sandi yang kuatCara mengubah Celsius ke FahrenheitGB atau GiB: mengapa drive Anda menampilkan ruang lebih kecilCara menghitung persentaseCara menghitung hari di antara dua tanggalApa itu timestamp Unix?Cara membandingkan dua file teksCara menghitung kata dalam dokumenCara memindai kode QR dari tangkapan layar atau gambarApa itu hash? MD5, SHA-1, dan SHA-256 dijelaskanCara mengompres foto ke 20 KB (atau ukuran lain)Cara menghapus latar belakang fotoCara mengetes mikrofonCara memeriksa piksel mati di layarCara merekam layarCara membuat nada dering untuk iPhoneCara mengompres video agar bisa dikirimCara menghapus kata sandi dari PDFCara melindungi PDF dengan kata sandiCara mengisi formulir PDFCara mengubah PDF ke WordCara memburamkan wajah di fotoCara menghitung BMICara menghitung cicilan KPRCara menjadwalkan rapat lintas zona waktuApa itu ekspresi cron?Cara Membuat Komplemen Balik Sekuens DNACara Translasi DNA ke ProteinCara Mengonversi GenBank ke FASTACara Menemukan Situs Restriksi pada Sekuens DNACara Menyejajarkan Dua Sekuens DNA atau ProteinCara Merancang dan Memeriksa Primer PCRCara Menghitung Massa MolarCara Menyetarakan Persamaan KimiaCara Membuat Larutan dengan Molaritas TertentuCara Menghitung Pengenceran (C1V1 = C2V2)Cara Menghitung pHCara Menghitung Konsentrasi DNA dari A260Cara Menghitung Jumlah Insert untuk LigasiCara Mengonversi RPM ke g (RCF)Cara Menghitung Sel dengan HemositometerCara Memakai Papan PunnettCara Menyusun Anggaran dengan Aturan 50/30/20Metode Snowball vs Avalanche untuk Melunasi UtangBerapa Dana yang Saya Butuhkan untuk Pensiun?Cara Mengubah Gaji Menjadi Upah per JamMargin Keuntungan vs MarkupCara Menghitung PPN dan Pajak PenjualanCara Membuat FakturBerapa Harga Rumah yang Mampu Saya Beli?Cara Membaca Kode Warna ResistorCara Memilih Resistor untuk LEDCara Menghitung Jatuh Tegangan pada KabelBerapa Banyak Beton yang Saya Butuhkan?Berapa Banyak Cat yang Saya Butuhkan?Cara Menghitung SubnetAturan Angka PentingCara Kerja Amortisasi PinjamanROI vs CAGR: Cara Mengukur Imbal Hasil InvestasiBagaimana Inflasi Menggerus Tabungan AndaCara Menghitung IPK (GPA)Cara Menghitung TipStrategi Minesweeper: Pola dan TipsStrategi Sudoku untuk PemulaCara Menang di 2048Strategi Solitaire: Cara Lebih Sering MenangCara Mengetik Lebih CepatDasar-dasar Regex: Panduan Pemula dengan ContohApa Itu Base64 (dan Encoding URL)?Cara Menghitung Waktu ParuhPenjelasan Hukum Gas IdealCara Kerja Pembagi TeganganPerhitungan Timer 555Cara Menghitung Kemiringan AtapCara Menghitung Board FeetPenjelasan Statistik Sekuens DNA dan Protein