#33cc88

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

HEX
#33cc88
RGB
rgb(51, 204, 136)
HSL
hsl(153, 60%, 50%)
OKLCH
oklch(75.1% 0.159 158.7)
CMYK
75% 0% 33% 20%
Luminans relatif Luminans relatif: tingkat terang suatu warna, dari 0 (hitam) hingga 1 (putih). Digunakan untuk menghitung kontras WCAG.
0,4567
Rona Rona: jenis suatu warna (merah, jingga, kuning…). Kami membagi roda warna menjadi 12 sektor.
Hijau pucuk
Nama terdekat Nama terdekat: nama warna standar CSS yang paling dekat dengan warna ini.
mediumseagreen

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,07:1 -45
Teks hitam 10,13:1 64
Sebagai teks
Latar putih 2,07:1 40
Latar hitam 10,13:1 -62

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 10,13:1 APCA (Lc) 64

Sebagai latar (teks putih)

Rasio 2,07:1 APCA (Lc) -45

Sebagai teks (latar putih)

Rasio 2,07:1 APCA (Lc) 40

Sebagai teks (latar hitam)

Rasio 10,13:1 APCA (Lc) -62