#0000ff
blue
Nilai warna Notasi warna — HEX (heksadesimal), RGB (cahaya primer), HSL (rona/saturasi/terang), CMYK (tinta cetak, perkiraan).
- HEX
-
#0000ff - RGB
-
rgb(0, 0, 255) - HSL
-
hsl(240, 100%, 50%) - OKLCH
-
oklch(45.2% 0.313 264.1) - CMYK
-
100% 100% 0% 0%
- Luminans relatif Luminans relatif: tingkat terang suatu warna, dari 0 (hitam) hingga 1 (putih). Digunakan untuk menghitung kontras WCAG.
- 0,0722
- Rona Rona: jenis suatu warna (merah, jingga, kuning…). Kami membagi roda warna menjadi 12 sektor.
- Biru
- Nama warna CSS
- blue
Kontras
| Rasio Rasio kontras: selisih tingkat terang antara dua warna, dari 1:1 hingga 21:1. Makin tinggi, makin mudah dibaca. | APCA (Lc) APCA: ukuran kontras persepsi yang lebih baru dari draf WCAG 3. Lc berkisar sekitar 0–106; makin tinggi makin mudah dibaca. Tandanya menunjukkan polaritas (teks gelap di atas terang, atau terang di atas gelap). | |
|---|---|---|
| Sebagai latar | ||
| Teks putih | 8,59:1 | -91 |
| Teks hitam | 2,44:1 | 18 |
| Sebagai teks | ||
| Latar putih | 8,59:1 | 86 |
| Latar hitam | 2,44:1 | -16 |
Harmoni warna
Komplementer Komplementer: warna yang berlawanan pada roda (180°). Keduanya saling menonjolkan.
Analog Analog: warna yang bertetangga pada roda (sekitar ±15°). Membentuk palet yang serasi.
Komplementer terpisah Komplementer terpisah: dua warna di samping komplementer (180° ± 30°). Lebih lembut daripada komplementer langsung.
Tetradik Tetradik: empat warna berjarak sama 90°. Cocok untuk palet dengan banyak aksen.
Bayangan dan rona muda Bayangan dan rona muda: tingkat yang lebih terang dicampur ke arah putih (tint) dan yang lebih gelap dicampur ke arah hitam (shade).
Kesan Kesan: label untuk suasana yang ditimbulkan suatu warna — hangat, tenang, cerah, dan sebagainya.
Pratinjau penggunaan
Sebagai latar (teks hitam)
Sebagai latar (teks putih)
Sebagai teks (latar putih)
Sebagai teks (latar hitam)
Coba sebuah kombinasi
Latar Teks