#99aabb
Nilai warna Notasi warna — HEX (heksadesimal), RGB (cahaya primer), HSL (rona/saturasi/terang), CMYK (tinta cetak, perkiraan).
- HEX
-
#99aabb - RGB
-
rgb(153, 170, 187) - HSL
-
hsl(210, 20%, 67%) - OKLCH
-
oklch(73% 0.031 248.3) - CMYK
-
18% 9% 0% 27%
- Luminans relatif Luminans relatif: tingkat terang suatu warna, dari 0 (hitam) hingga 1 (putih). Digunakan untuk menghitung kontras WCAG.
- 0,3911
- Rona Rona: jenis suatu warna (merah, jingga, kuning…). Kami membagi roda warna menjadi 12 sektor.
- Biru langit
- Nama terdekat Nama terdekat: nama warna standar CSS yang paling dekat dengan warna ini.
- darkgray
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 | 2,38:1 | -52 |
| Teks hitam | 8,82:1 | 57 |
| Sebagai teks | ||
| Latar putih | 2,38:1 | 47 |
| Latar hitam | 8,82:1 | -55 |
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