#2277ff

Nilai warna Notasi warna — HEX (heksadesimal), RGB (cahaya primer), HSL (rona/saturasi/terang), CMYK (tinta cetak, perkiraan).

HEX
#2277ff
RGB
rgb(34, 119, 255)
HSL
hsl(217, 100%, 57%)
OKLCH
oklch(60.1% 0.218 260)
CMYK
87% 53% 0% 0%
Luminans relatif Luminans relatif: tingkat terang suatu warna, dari 0 (hitam) hingga 1 (putih). Digunakan untuk menghitung kontras WCAG.
0,2075
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.
dodgerblue

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,08:1 -73
Teks hitam 5,15:1 37
Sebagai teks
Latar putih 4,08:1 67
Latar hitam 5,15:1 -34

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.

Triadik Triadik: tiga warna berjarak sama 120°. Seimbang dan hidup.

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.

Skala tona Skala tona: lima tingkat yang mempertahankan rona tetapi mengubah tingkat terang.

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)

Rasio 5,15:1 APCA (Lc) 37

Sebagai latar (teks putih)

Rasio 4,08:1 APCA (Lc) -73

Sebagai teks (latar putih)

Rasio 4,08:1 APCA (Lc) 67

Sebagai teks (latar hitam)

Rasio 5,15:1 APCA (Lc) -34