Kode dan nama warna CSS.
Kode warna dapat berupa salah satu dari:
Format hex: #rrggbb
Format RGB: rgb (merah, hijau, biru)
Format nama: nama
Untuk warna oranye:
Format hex: #FFA500
Format RGB: rgb(255,165,0)
Format nama: oranye
Untuk elemen tertentu:
<element style="color: code;"></element>
Untuk semua elemen dari tipe yang sama. Letakkan kode di tag <style> di bagian head:
<style>
element { color: code; }
</style>
Mengatur warna teks paragraf menjadi merah:
Mengatur warna paragraf tertentu:
<p style="color: #FF0000;">Some text ...</p>
Melihat:
Beberapa teks ...
Mengatur warna semua paragraf
<style>
p { color: #FF0000; }
</style>
element { background: code; }
Mengatur warna latar belakang paragraf menjadi merah:
Mengatur warna latar belakang paragraf tertentu:
<p style="background: #FF0000;">Some text ...</p>
Melihat:
Beberapa teks ...
Mengatur warna latar belakang semua paragraf:
<style>
p { background: #FF0000; }
</style>
element { border-color: topcode rightcode bottomcode leftcode }
Mengatur warna batas paragraf menjadi merah, hijau, biru dan hitam:
Mengatur warna batas paragraf tertentu:
<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>
Melihat:
Beberapa teks ...
Mengatur warna batas semua paragraf:
<style>
p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>
Warna | Nama Warna HTML / CSS |
Kode Hex #RRGGBB |
Kode Desimal (R,G,B) |
---|---|---|---|
lightsalmon | #FFA07A | rgb(255.160.122) | |
ikan salmon | #FA8072 | rgb(250.128.114) | |
darksalmon | #E9967A | rgb(233.150.122) | |
lightcoral | #F08080 | rgb(240.128.128) | |
indianred | #CD5C5C | rgb(205,92,92) | |
merah tua | # DC143C | rgb(220,20,60) | |
batu bata tahan api | #B22222 | rgb(178,34,34) | |
merah | #FF0000 | rgb(255,0,0) | |
merah gelap | #8B0000 | rgb(139,0,0) |
Warna | Nama Warna HTML / CSS |
Kode Hex #RRGGBB |
Kode Desimal (R,G,B) |
---|---|---|---|
karang | #FF7F50 | rgb(255.127,80) | |
tomat | #FF6347 | rgb(255,99,71) | |
berwarna oranye | #FF4500 | rgb(255,69,0) | |
emas | #FFD700 | rgb(255.215,0) | |
jeruk | #FFA500 | rgb(255.165,0) | |
oren tua | #FF8C00 | rgb(255.140,0) |
Warna | Nama Warna HTML / CSS |
Kode Hex #RRGGBB |
Kode Desimal (R,G,B) |
---|---|---|---|
Kuning muda | #FFFFE0 | rgb(255.255.224) | |
lemonchiffon | #FFFACD | rgb(255.250.205) | |
lightgoldenrodyellow | #FAFAD2 | rgb(250.250.210) | |
papayawhip | #FFEFD5 | rgb(255.239.213) | |
sepatu sandal | #FFE4B5 | rgb(255.228.181) | |
peachpuff | #FFDAB9 | rgb(255.218.185) | |
palegoldenrod | #EEE8AA | rgb(238.232.170) | |
dril | #F0E68C | rgb(240.230.140) | |
darkkhaki | #BDB76B | rgb(189.183.107) | |
kuning | #FFFF00 | rgb(255.255,0) |
Warna | Nama Warna HTML / CSS |
Kode Hex #RRGGBB |
Kode Desimal (R,G,B) |
---|---|---|---|
rumput hijau | #7CFC00 | rgb(124.252,0) | |
minuman keras manis | #7FFF00 | rgb(127.255,0) | |
hijau limau | #32CD32 | rgb(50,205,50) | |
jeruk nipis | #00FF00 | rgb(0.255.0) | |
hutan hijau | #228B22 | rgb(34.139,34) | |
hijau | #008000 | rgb(0,128,0) | |
hijau tua | #006400 | rgb(0,100,0) | |
hijau kuning | #ADFF2F | rgb(173.255,47) | |
kuning hijau | #9ACD32 | rgb(154.205,50) | |
musim semi | #00FF7F | rgb(0,255,127) | |
mediumspringgreen | #00FA9A | rgb(0,250,154) | |
hijau muda | #90EE90 | rgb(144.238.144) | |
hijau pucat | #98FB98 | rgb(152.251.152) | |
darkseagreen | #8FBC8F | rgb(143.188.143) | |
mediumseagreen | #3CB371 | rgb(60.179.113) | |
laut hijau | #2E8B57 | rgb(46.139,87) | |
Zaitun | #808000 | rgb(128.128,0) | |
darkolivegreen | #556B2F | rgb(85,107,47) | |
olivedrab | #6B8E23 | rgb(107.142,35) |
Warna | Nama Warna HTML / CSS |
Kode Hex #RRGGBB |
Kode Desimal (R,G,B) |
---|---|---|---|
lightcyan | #E0FFFF | rgb(224.255.255) | |
cyan | #00FFFF | rgb(0,255,255) | |
aqua | #00FFFF | rgb(0,255,255) | |
aquamarine | #7FFFD4 | rgb(127.255.212) | |
mediumaquamarine | #66CDAA | rgb(102.205.170) | |
paleturquoise | #AFEEEE | rgb(175.238.238) | |
pirus | #40E0D0 | rgb(64.224.208) | |
pirus sedang | #48D1CC | rgb(72.209.204) | |
darkturquoise | #00CED1 | rgb(0,206,209) | |
lightseagreen | #20B2AA | rgb(32.178.170) | |
cadetblue | #5F9EA0 | rgb(95.158.160) | |
darkcyan | #008B8B | rgb(0,139,139) | |
teal | #008080 | rgb(0,128,128) |
Warna | Nama Warna HTML / CSS |
Kode Hex #RRGGBB |
Kode Desimal (R,G,B) |
---|---|---|---|
bubuk biru | #B0E0E6 | rgb(176.224.230) | |
biru muda | #ADD8E6 | rgb(173.216.230) | |
lightskyblue | #87CEFA | rgb(135.206.250) | |
langit biru | #87CEEB | rgb(135.206.235) | |
deepskyblue | #00BFFF | rgb(0,191,255) | |
lightsteelblue | #B0C4DE | rgb(176.196.222) | |
dodgerblue | #1E90FF | rgb(30.144.255) | |
cornflowerblue | #6495ED | rgb(100.149.237) | |
steelblue | #4682B4 | rgb(70.130.180) | |
royalblue | #4169E1 | rgb(65.105.225) | |
biru | #0000FF | rgb(0,0,255) | |
mediumblue | #0000CD | rgb(0,0,205) | |
Biru tua | #00008B | rgb(0,0,139) | |
angkatan laut | #000080 | rgb(0,0,128) | |
midnightblue | #191970 | rgb(25,25,112) | |
mediumslateblue | #7B68EE | rgb(123.104.238) | |
slateblue | #6A5ACD | rgb(106,90,205) | |
darkslateblue | #483D8B | rgb(72,61,139) |
Warna | Nama Warna HTML / CSS |
Kode Hex #RRGGBB |
Kode Desimal (R,G,B) |
---|---|---|---|
lavender | #E6E6FA | rgb(230.230.250) | |
thistle | #D8BFD8 | rgb(216.191.216) | |
prem | #DDA0DD | rgb(221.160.221) | |
ungu | #EE82EE | rgb(238.130.238) | |
anggrek | # DA70D6 | rgb(218.112.214) | |
fuchsia | #FF00FF | rgb(255,0,255) | |
magenta | #FF00FF | rgb(255,0,255) | |
mediumorchid | #BA55D3 | rgb(186,85,211) | |
ungu sedang | #9370DB | rgb(147.112.219) | |
blueviolet | #8A2BE2 | rgb(138,43,226) | |
darkviolet | #9400D3 | rgb(148,0,211) | |
darkorchid | #9932CC | rgb(153,50,204) | |
darkmagenta | #8B008B | rgb(139,0,139) | |
ungu | #800080 | rgb(128,0,128) | |
nila | #4B0082 | rgb(75,0,130) |
Warna | Nama Warna HTML / CSS |
Kode Hex #RRGGBB |
Kode Desimal (R,G,B) |
---|---|---|---|
Merah Jambu | #FFC0CB | rgb(255.192.203) | |
pink | #FFB6C1 | rgb(255.182.193) | |
hotpink | #FF69B4 | rgb(255.105.180) | |
deeppink | #FF1493 | rgb(255,20,147) | |
palevioletred | # DB7093 | rgb(219.112.147) | |
mediumvioletred | #C71585 | rgb(199,21,133) |
Warna | Nama Warna HTML / CSS |
Kode Hex #RRGGBB |
Kode Desimal (R,G,B) |
---|---|---|---|
putih | #FFFFFF | rgb(255.255.255) | |
salju | #FFFAFA | rgb(255.250.250) | |
melon | #F0FFF0 | rgb(240.255.240) | |
mintcream | #F5FFFA | rgb(245.255.250) | |
biru langit | #F0FFFF | rgb(240.255.255) | |
aliceblue | #F0F8FF | rgb(240.248.255) | |
putih hantu | #F8F8FF | rgb(248.248.255) | |
asap putih | #F5F5F5 | rgb(245.245.245) | |
kerang laut | #FFF5EE | rgb(255.245.238) | |
krem | #F5F5DC | rgb(245.245.220) | |
oldlace | #FDF5E6 | rgb(253.245.230) | |
floralwhite | #FFFAF0 | rgb(255.250.240) | |
gading | #FFFF0 | rgb(255.255.240) | |
antiquewhite | #FAEBD7 | rgb(250.235.215) | |
linen | #FAF0E6 | rgb(250.240.230) | |
lavenderblush | #FFF0F5 | rgb(255.240.245) | |
mistyrose | #FFE4E1 | rgb(255.228.225) |
Warna | Nama Warna HTML / CSS |
Kode Hex #RRGGBB |
Kode Desimal (R,G,B) |
---|---|---|---|
gainsboro | #DCDCDC | rgb(220.220.220) | |
Abu-abu muda | #D3D3D3 | rgb(211.211.211) | |
perak | #C0C0C0 | rgb(192.192.192) | |
Abu-abu gelap | #A9A9A9 | rgb(169.169.169) | |
Abu-abu | #808080 | rgb(128.128.128) | |
dimgray | #696969 | rgb(105,105,105) | |
lightslategray | #778899 | rgb(119.136.153) | |
slategray | #708090 | rgb(112.128.144) | |
darkslategray | #2F4F4F | rgb(47,79,79) | |
hitam | #000000 | rgb(0,0,0) |
Warna | Nama Warna HTML / CSS |
Kode Hex #RRGGBB |
Kode Desimal (R,G,B) |
---|---|---|---|
rambut jagung | #FFF8DC | rgb(255.248.220) | |
blanchedalmond | #FFEBCD | rgb(255.235.205) | |
bisque | #FFE4C4 | rgb(255.228.196) | |
navajowhite | #FFDEAD | rgb(255.222.173) | |
gandum | #F5DEB3 | rgb(245.222.179) | |
ubur-ubur | #DEB887 | rgb(222.184.135) | |
cokelat | #D2B48C | rgb(210.180.140) | |
kemerahan | #BC8F8F | rgb(188.143.143) | |
coklat berpasir | #F4A460 | rgb(244.164,96) | |
goldenrod | #DAA520 | rgb(218.165,32) | |
peru | # CD853F | rgb(205.133,63) | |
cokelat | #D2691E | rgb(210,105,30) | |
coklat pelana | #8B4513 | rgb(139,69,19) | |
sienna | #A0522D | rgb(160,82,45) | |
cokelat | #A52A2A | rgb(165,42,42) | |
merah tua | #800000 | rgb(128,0,0) |
Alat kode warna CSS kami memungkinkan pengguna untuk kode warna CSS. Beberapa fitur menonjol dari utilitas ini dijelaskan di bawah ini.
Antarmuka yang ramah pengguna dari Alat kode warna CSS kami memberi Anda kemudahan melakukan konversi ini secara instan. Anda tidak perlu lagi memperoleh keterampilan pemrograman untuk kode warna CSS karena kesederhanaan Alat ini.
Anda tidak perlu melalui proses pendaftaran apa pun untuk menggunakan kode warna CSS. Dengan menggunakan utilitas ini, Anda dapat menggunakan alat kode warna CSS sebanyak yang Anda inginkan secara gratis.
Kode warna CSS ini dapat diakses dari seluruh penjuru dunia. Anda tidak perlu khawatir tentang kompatibilitas alat online ini, karena Anda dapat menggunakan kode warna CSS dari perangkat apa pun. Yang Anda butuhkan hanyalah koneksi internet untuk mengakses dan menggunakan Alat kode warna CSS ini.
Kode warna CSS memungkinkan Anda menyelesaikan tugas yang sama dengan segera. Anda tidak akan diminta untuk mengikuti prosedur manual, karena algoritme otomatisnya akan bekerja untuk Anda.
Alat kode warna CSS bekerja dengan sempurna di semua sistem operasi. Apakah Anda memiliki perangkat Mac, iOS, Android, Windows, atau Linux, Anda dapat dengan mudah menggunakan utilitas online ini tanpa menghadapi kerumitan apa pun.
Anda tidak perlu melalui proses pendaftaran apa pun untuk menggunakan Alat kode warna CSS ini. Anda dapat menggunakan utilitas ini secara gratis dan melakukan kode warna CSS tanpa batas tanpa batasan apa pun.
Advertising