Referensi Warna Aman Web

Jelajahi semua 216 warna aman web - palet klasik kubus warna 6×6×6. Cari berdasarkan HEX, RGB, atau HSL, saring menurut 10 keluarga rona, dan salin nilai warna apa pun dengan satu klik. Sepenuhnya privat, 100% gratis, tanpa pendaftaran.

Web Safe Colors Reference

Browse all 216 web safe colors in a searchable, filterable grid. These colors use the 6×6×6 color cube (0, 51, 102, 153, 204, 255 per channel). Click any HEX value to copy it to your clipboard instantly.

Showing 216 of 216 web safe colors

6 × 6 × 6 = 216 colors

#000000

rgb(0, 0, 0)

hsl(0, 0%, 0%)

#000033

rgb(0, 0, 51)

hsl(240, 100%, 10%)

#000066

rgb(0, 0, 102)

hsl(240, 100%, 20%)

#000099

rgb(0, 0, 153)

hsl(240, 100%, 30%)

#0000CC

rgb(0, 0, 204)

hsl(240, 100%, 40%)

#0000FF

rgb(0, 0, 255)

hsl(240, 100%, 50%)

#003300

rgb(0, 51, 0)

hsl(120, 100%, 10%)

#003333

rgb(0, 51, 51)

hsl(180, 100%, 10%)

#003366

rgb(0, 51, 102)

hsl(210, 100%, 20%)

#003399

rgb(0, 51, 153)

hsl(220, 100%, 30%)

#0033CC

rgb(0, 51, 204)

hsl(225, 100%, 40%)

#0033FF

rgb(0, 51, 255)

hsl(228, 100%, 50%)

#006600

rgb(0, 102, 0)

hsl(120, 100%, 20%)

#006633

rgb(0, 102, 51)

hsl(150, 100%, 20%)

#006666

rgb(0, 102, 102)

hsl(180, 100%, 20%)

#006699

rgb(0, 102, 153)

hsl(200, 100%, 30%)

#0066CC

rgb(0, 102, 204)

hsl(210, 100%, 40%)

#0066FF

rgb(0, 102, 255)

hsl(216, 100%, 50%)

#009900

rgb(0, 153, 0)

hsl(120, 100%, 30%)

#009933

rgb(0, 153, 51)

hsl(140, 100%, 30%)

#009966

rgb(0, 153, 102)

hsl(160, 100%, 30%)

#009999

rgb(0, 153, 153)

hsl(180, 100%, 30%)

#0099CC

rgb(0, 153, 204)

hsl(195, 100%, 40%)

#0099FF

rgb(0, 153, 255)

hsl(204, 100%, 50%)

#00CC00

rgb(0, 204, 0)

hsl(120, 100%, 40%)

#00CC33

rgb(0, 204, 51)

hsl(135, 100%, 40%)

#00CC66

rgb(0, 204, 102)

hsl(150, 100%, 40%)

#00CC99

rgb(0, 204, 153)

hsl(165, 100%, 40%)

#00CCCC

rgb(0, 204, 204)

hsl(180, 100%, 40%)

#00CCFF

rgb(0, 204, 255)

hsl(192, 100%, 50%)

#00FF00

rgb(0, 255, 0)

hsl(120, 100%, 50%)

#00FF33

rgb(0, 255, 51)

hsl(132, 100%, 50%)

#00FF66

rgb(0, 255, 102)

hsl(144, 100%, 50%)

#00FF99

rgb(0, 255, 153)

hsl(156, 100%, 50%)

#00FFCC

rgb(0, 255, 204)

hsl(168, 100%, 50%)

#00FFFF

rgb(0, 255, 255)

hsl(180, 100%, 50%)

#330000

rgb(51, 0, 0)

hsl(0, 100%, 10%)

#330033

rgb(51, 0, 51)

hsl(300, 100%, 10%)

#330066

rgb(51, 0, 102)

hsl(270, 100%, 20%)

#330099

rgb(51, 0, 153)

hsl(260, 100%, 30%)

#3300CC

rgb(51, 0, 204)

hsl(255, 100%, 40%)

#3300FF

rgb(51, 0, 255)

hsl(252, 100%, 50%)

#333300

rgb(51, 51, 0)

hsl(60, 100%, 10%)

#333333

rgb(51, 51, 51)

hsl(0, 0%, 20%)

#333366

rgb(51, 51, 102)

hsl(240, 33%, 30%)

#333399

rgb(51, 51, 153)

hsl(240, 50%, 40%)

#3333CC

rgb(51, 51, 204)

hsl(240, 60%, 50%)

#3333FF

rgb(51, 51, 255)

hsl(240, 100%, 60%)

#336600

rgb(51, 102, 0)

hsl(90, 100%, 20%)

#336633

rgb(51, 102, 51)

hsl(120, 33%, 30%)

#336666

rgb(51, 102, 102)

hsl(180, 33%, 30%)

#336699

rgb(51, 102, 153)

hsl(210, 50%, 40%)

#3366CC

rgb(51, 102, 204)

hsl(220, 60%, 50%)

#3366FF

rgb(51, 102, 255)

hsl(225, 100%, 60%)

#339900

rgb(51, 153, 0)

hsl(100, 100%, 30%)

#339933

rgb(51, 153, 51)

hsl(120, 50%, 40%)

#339966

rgb(51, 153, 102)

hsl(150, 50%, 40%)

#339999

rgb(51, 153, 153)

hsl(180, 50%, 40%)

#3399CC

rgb(51, 153, 204)

hsl(200, 60%, 50%)

#3399FF

rgb(51, 153, 255)

hsl(210, 100%, 60%)

#33CC00

rgb(51, 204, 0)

hsl(105, 100%, 40%)

#33CC33

rgb(51, 204, 51)

hsl(120, 60%, 50%)

#33CC66

rgb(51, 204, 102)

hsl(140, 60%, 50%)

#33CC99

rgb(51, 204, 153)

hsl(160, 60%, 50%)

#33CCCC

rgb(51, 204, 204)

hsl(180, 60%, 50%)

#33CCFF

rgb(51, 204, 255)

hsl(195, 100%, 60%)

#33FF00

rgb(51, 255, 0)

hsl(108, 100%, 50%)

#33FF33

rgb(51, 255, 51)

hsl(120, 100%, 60%)

#33FF66

rgb(51, 255, 102)

hsl(135, 100%, 60%)

#33FF99

rgb(51, 255, 153)

hsl(150, 100%, 60%)

#33FFCC

rgb(51, 255, 204)

hsl(165, 100%, 60%)

#33FFFF

rgb(51, 255, 255)

hsl(180, 100%, 60%)

#660000

rgb(102, 0, 0)

hsl(0, 100%, 20%)

#660033

rgb(102, 0, 51)

hsl(330, 100%, 20%)

#660066

rgb(102, 0, 102)

hsl(300, 100%, 20%)

#660099

rgb(102, 0, 153)

hsl(280, 100%, 30%)

#6600CC

rgb(102, 0, 204)

hsl(270, 100%, 40%)

#6600FF

rgb(102, 0, 255)

hsl(264, 100%, 50%)

#663300

rgb(102, 51, 0)

hsl(30, 100%, 20%)

#663333

rgb(102, 51, 51)

hsl(0, 33%, 30%)

#663366

rgb(102, 51, 102)

hsl(300, 33%, 30%)

#663399

rgb(102, 51, 153)

hsl(270, 50%, 40%)

#6633CC

rgb(102, 51, 204)

hsl(260, 60%, 50%)

#6633FF

rgb(102, 51, 255)

hsl(255, 100%, 60%)

#666600

rgb(102, 102, 0)

hsl(60, 100%, 20%)

#666633

rgb(102, 102, 51)

hsl(60, 33%, 30%)

#666666

rgb(102, 102, 102)

hsl(0, 0%, 40%)

#666699

rgb(102, 102, 153)

hsl(240, 20%, 50%)

#6666CC

rgb(102, 102, 204)

hsl(240, 50%, 60%)

#6666FF

rgb(102, 102, 255)

hsl(240, 100%, 70%)

#669900

rgb(102, 153, 0)

hsl(80, 100%, 30%)

#669933

rgb(102, 153, 51)

hsl(90, 50%, 40%)

#669966

rgb(102, 153, 102)

hsl(120, 20%, 50%)

#669999

rgb(102, 153, 153)

hsl(180, 20%, 50%)

#6699CC

rgb(102, 153, 204)

hsl(210, 50%, 60%)

#6699FF

rgb(102, 153, 255)

hsl(220, 100%, 70%)

#66CC00

rgb(102, 204, 0)

hsl(90, 100%, 40%)

#66CC33

rgb(102, 204, 51)

hsl(100, 60%, 50%)

#66CC66

rgb(102, 204, 102)

hsl(120, 50%, 60%)

#66CC99

rgb(102, 204, 153)

hsl(150, 50%, 60%)

#66CCCC

rgb(102, 204, 204)

hsl(180, 50%, 60%)

#66CCFF

rgb(102, 204, 255)

hsl(200, 100%, 70%)

#66FF00

rgb(102, 255, 0)

hsl(96, 100%, 50%)

#66FF33

rgb(102, 255, 51)

hsl(105, 100%, 60%)

#66FF66

rgb(102, 255, 102)

hsl(120, 100%, 70%)

#66FF99

rgb(102, 255, 153)

hsl(140, 100%, 70%)

#66FFCC

rgb(102, 255, 204)

hsl(160, 100%, 70%)

#66FFFF

rgb(102, 255, 255)

hsl(180, 100%, 70%)

#990000

rgb(153, 0, 0)

hsl(0, 100%, 30%)

#990033

rgb(153, 0, 51)

hsl(340, 100%, 30%)

#990066

rgb(153, 0, 102)

hsl(320, 100%, 30%)

#990099

rgb(153, 0, 153)

hsl(300, 100%, 30%)

#9900CC

rgb(153, 0, 204)

hsl(285, 100%, 40%)

#9900FF

rgb(153, 0, 255)

hsl(276, 100%, 50%)

#993300

rgb(153, 51, 0)

hsl(20, 100%, 30%)

#993333

rgb(153, 51, 51)

hsl(0, 50%, 40%)

#993366

rgb(153, 51, 102)

hsl(330, 50%, 40%)

#993399

rgb(153, 51, 153)

hsl(300, 50%, 40%)

#9933CC

rgb(153, 51, 204)

hsl(280, 60%, 50%)

#9933FF

rgb(153, 51, 255)

hsl(270, 100%, 60%)

#996600

rgb(153, 102, 0)

hsl(40, 100%, 30%)

#996633

rgb(153, 102, 51)

hsl(30, 50%, 40%)

#996666

rgb(153, 102, 102)

hsl(0, 20%, 50%)

#996699

rgb(153, 102, 153)

hsl(300, 20%, 50%)

#9966CC

rgb(153, 102, 204)

hsl(270, 50%, 60%)

#9966FF

rgb(153, 102, 255)

hsl(260, 100%, 70%)

#999900

rgb(153, 153, 0)

hsl(60, 100%, 30%)

#999933

rgb(153, 153, 51)

hsl(60, 50%, 40%)

#999966

rgb(153, 153, 102)

hsl(60, 20%, 50%)

#999999

rgb(153, 153, 153)

hsl(0, 0%, 60%)

#9999CC

rgb(153, 153, 204)

hsl(240, 33%, 70%)

#9999FF

rgb(153, 153, 255)

hsl(240, 100%, 80%)

#99CC00

rgb(153, 204, 0)

hsl(75, 100%, 40%)

#99CC33

rgb(153, 204, 51)

hsl(80, 60%, 50%)

#99CC66

rgb(153, 204, 102)

hsl(90, 50%, 60%)

#99CC99

rgb(153, 204, 153)

hsl(120, 33%, 70%)

#99CCCC

rgb(153, 204, 204)

hsl(180, 33%, 70%)

#99CCFF

rgb(153, 204, 255)

hsl(210, 100%, 80%)

#99FF00

rgb(153, 255, 0)

hsl(84, 100%, 50%)

#99FF33

rgb(153, 255, 51)

hsl(90, 100%, 60%)

#99FF66

rgb(153, 255, 102)

hsl(100, 100%, 70%)

#99FF99

rgb(153, 255, 153)

hsl(120, 100%, 80%)

#99FFCC

rgb(153, 255, 204)

hsl(150, 100%, 80%)

#99FFFF

rgb(153, 255, 255)

hsl(180, 100%, 80%)

#CC0000

rgb(204, 0, 0)

hsl(0, 100%, 40%)

#CC0033

rgb(204, 0, 51)

hsl(345, 100%, 40%)

#CC0066

rgb(204, 0, 102)

hsl(330, 100%, 40%)

#CC0099

rgb(204, 0, 153)

hsl(315, 100%, 40%)

#CC00CC

rgb(204, 0, 204)

hsl(300, 100%, 40%)

#CC00FF

rgb(204, 0, 255)

hsl(288, 100%, 50%)

#CC3300

rgb(204, 51, 0)

hsl(15, 100%, 40%)

#CC3333

rgb(204, 51, 51)

hsl(0, 60%, 50%)

#CC3366

rgb(204, 51, 102)

hsl(340, 60%, 50%)

#CC3399

rgb(204, 51, 153)

hsl(320, 60%, 50%)

#CC33CC

rgb(204, 51, 204)

hsl(300, 60%, 50%)

#CC33FF

rgb(204, 51, 255)

hsl(285, 100%, 60%)

#CC6600

rgb(204, 102, 0)

hsl(30, 100%, 40%)

#CC6633

rgb(204, 102, 51)

hsl(20, 60%, 50%)

#CC6666

rgb(204, 102, 102)

hsl(0, 50%, 60%)

#CC6699

rgb(204, 102, 153)

hsl(330, 50%, 60%)

#CC66CC

rgb(204, 102, 204)

hsl(300, 50%, 60%)

#CC66FF

rgb(204, 102, 255)

hsl(280, 100%, 70%)

#CC9900

rgb(204, 153, 0)

hsl(45, 100%, 40%)

#CC9933

rgb(204, 153, 51)

hsl(40, 60%, 50%)

#CC9966

rgb(204, 153, 102)

hsl(30, 50%, 60%)

#CC9999

rgb(204, 153, 153)

hsl(0, 33%, 70%)

#CC99CC

rgb(204, 153, 204)

hsl(300, 33%, 70%)

#CC99FF

rgb(204, 153, 255)

hsl(270, 100%, 80%)

#CCCC00

rgb(204, 204, 0)

hsl(60, 100%, 40%)

#CCCC33

rgb(204, 204, 51)

hsl(60, 60%, 50%)

#CCCC66

rgb(204, 204, 102)

hsl(60, 50%, 60%)

#CCCC99

rgb(204, 204, 153)

hsl(60, 33%, 70%)

#CCCCCC

rgb(204, 204, 204)

hsl(0, 0%, 80%)

#CCCCFF

rgb(204, 204, 255)

hsl(240, 100%, 90%)

#CCFF00

rgb(204, 255, 0)

hsl(72, 100%, 50%)

#CCFF33

rgb(204, 255, 51)

hsl(75, 100%, 60%)

#CCFF66

rgb(204, 255, 102)

hsl(80, 100%, 70%)

#CCFF99

rgb(204, 255, 153)

hsl(90, 100%, 80%)

#CCFFCC

rgb(204, 255, 204)

hsl(120, 100%, 90%)

#CCFFFF

rgb(204, 255, 255)

hsl(180, 100%, 90%)

#FF0000

rgb(255, 0, 0)

hsl(0, 100%, 50%)

#FF0033

rgb(255, 0, 51)

hsl(348, 100%, 50%)

#FF0066

rgb(255, 0, 102)

hsl(336, 100%, 50%)

#FF0099

rgb(255, 0, 153)

hsl(324, 100%, 50%)

#FF00CC

rgb(255, 0, 204)

hsl(312, 100%, 50%)

#FF00FF

rgb(255, 0, 255)

hsl(300, 100%, 50%)

#FF3300

rgb(255, 51, 0)

hsl(12, 100%, 50%)

#FF3333

rgb(255, 51, 51)

hsl(0, 100%, 60%)

#FF3366

rgb(255, 51, 102)

hsl(345, 100%, 60%)

#FF3399

rgb(255, 51, 153)

hsl(330, 100%, 60%)

#FF33CC

rgb(255, 51, 204)

hsl(315, 100%, 60%)

#FF33FF

rgb(255, 51, 255)

hsl(300, 100%, 60%)

#FF6600

rgb(255, 102, 0)

hsl(24, 100%, 50%)

#FF6633

rgb(255, 102, 51)

hsl(15, 100%, 60%)

#FF6666

rgb(255, 102, 102)

hsl(0, 100%, 70%)

#FF6699

rgb(255, 102, 153)

hsl(340, 100%, 70%)

#FF66CC

rgb(255, 102, 204)

hsl(320, 100%, 70%)

#FF66FF

rgb(255, 102, 255)

hsl(300, 100%, 70%)

#FF9900

rgb(255, 153, 0)

hsl(36, 100%, 50%)

#FF9933

rgb(255, 153, 51)

hsl(30, 100%, 60%)

#FF9966

rgb(255, 153, 102)

hsl(20, 100%, 70%)

#FF9999

rgb(255, 153, 153)

hsl(0, 100%, 80%)

#FF99CC

rgb(255, 153, 204)

hsl(330, 100%, 80%)

#FF99FF

rgb(255, 153, 255)

hsl(300, 100%, 80%)

#FFCC00

rgb(255, 204, 0)

hsl(48, 100%, 50%)

#FFCC33

rgb(255, 204, 51)

hsl(45, 100%, 60%)

#FFCC66

rgb(255, 204, 102)

hsl(40, 100%, 70%)

#FFCC99

rgb(255, 204, 153)

hsl(30, 100%, 80%)

#FFCCCC

rgb(255, 204, 204)

hsl(0, 100%, 90%)

#FFCCFF

rgb(255, 204, 255)

hsl(300, 100%, 90%)

#FFFF00

rgb(255, 255, 0)

hsl(60, 100%, 50%)

#FFFF33

rgb(255, 255, 51)

hsl(60, 100%, 60%)

#FFFF66

rgb(255, 255, 102)

hsl(60, 100%, 70%)

#FFFF99

rgb(255, 255, 153)

hsl(60, 100%, 80%)

#FFFFCC

rgb(255, 255, 204)

hsl(60, 100%, 90%)

#FFFFFF

rgb(255, 255, 255)

hsl(0, 0%, 100%)

Fitur

Semua 216 warna aman web: koleksi lengkap setiap warna aman web dalam kubus warna 6×6×6. Nilai HEX, RGB, dan HSL setiap warna ditampilkan untuk referensi mudah.
Pencarian real-time: telusuri nilai HEX, RGB, dan HSL dengan penyaringan instan. Temukan warna persis yang Anda butuhkan dalam milidetik - tanpa memuat ulang halaman.
Filter keluarga rona: saring menurut 10 keluarga rona - merah, oranye, kuning, hijau, cyan, biru, ungu, pink, cokelat, dan abu-abu - untuk mempersempit palet dengan cepat.
Salin sekali klik: klik nilai HEX apa pun untuk menyalinnya ke clipboard seketika. Setiap kartu warna memiliki tombol salin khusus untuk HEX, ditambah nilai RGB dan HSL yang terlihat.

Kasus penggunaan umum

Desain & pengembangan web: rujuk warna aman web dengan cepat saat membangun situs yang harus tampil konsisten pada monitor dan perangkat lama dengan kemampuan warna terbatas.
Pemilihan warna CSS: pilih nilai HEX aman web untuk stylesheet Anda dengan yakin bahwa warna tampil identik di layar mana pun - tanpa dithering, tanpa perkiraan, tanpa kejutan.
Proyek retro & warisan: sempurna untuk proyek desain web retro, mockup UI game, dan perangkat lunak untuk perangkat keras lama. Palet 216 warna adalah standar pada era monitor CRT.
Palet sistem desain: gunakan warna aman web sebagai titik awal token warna sistem desain. Prediktabilitas matematisnya memudahkan dokumentasi dan pemeliharaan lintas tim.
Desain email: klien email sering memiliki tampilan warna terbatas. Warna aman web adalah pilihan andal untuk templat email HTML yang perlu konsisten di Outlook, Gmail, dan Apple Mail.
Aksesibilitas & uji kontras: rujuk warna aman web saat menguji rasio kontras WCAG. Nilai kecerahan yang dapat diprediksi memudahkan menemukan kombinasi warna yang memenuhi persyaratan aksesibilitas.

Pertanyaan yang Sering Diajukan

Warna aman web adalah 216 warna yang dipilih dari kubus warna 6×6×6 (6 nilai merah × 6 nilai hijau × 6 nilai biru = 216). Setiap kanal menggunakan salah satu dari enam nilai: 0, 51, 102, 153, 204, atau 255. Warna-warna ini dirancang agar tampil tanpa dithering pada monitor 8-bit.

Meskipun warna 8-bit mendukung total 256 warna, sistem operasi mencadangkan 40 warna untuk elemen antarmukanya sendiri. Sisa 216 warna itulah yang membentuk palet aman web.

Tidak, layar modern mendukung jutaan warna. Warna aman web tetap berguna untuk templat email HTML, desain retro, dan antarmuka sistem lama.

Tidak. Warna aman web (216 dari kubus 6×6×6) berbeda dengan warna bernama CSS (148 warna bernama seperti "coral"). Sebagian tumpang tindih, tetapi keduanya adalah sistem yang terpisah.

Ya, Referensi Warna Aman Web 100% gratis, tanpa pendaftaran, tanpa batas penggunaan, dan tanpa fitur tersembunyi.