#6666cc
Nilai warna Notasi warna — HEX (heksadesimal), RGB (cahaya primer), HSL (rona/saturasi/terang), CMYK (tinta cetak, perkiraan).
- HEX
-
#6666cc - RGB
-
rgb(102, 102, 204) - HSL
-
hsl(240, 50%, 60%) - OKLCH
-
oklch(56.1% 0.154 280.2) - CMYK
-
50% 50% 0% 20%
- Luminans relatif Luminans relatif: tingkat terang suatu warna, dari 0 (hitam) hingga 1 (putih). Digunakan untuk menghitung kontras WCAG.
- 0,1669
- Rona Rona: jenis suatu warna (merah, jingga, kuning…). Kami membagi roda warna menjadi 12 sektor.
- Biru
- Nama terdekat Nama terdekat: nama warna standar CSS yang paling dekat dengan warna ini.
- slateblue
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 | 4,84:1 | -79 |
| Teks hitam | 4,34:1 | 31 |
| Sebagai teks | ||
| Latar putih | 4,84:1 | 73 |
| Latar hitam | 4,34:1 | -28 |
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