Warna html pastel. Warna dalam gaya dapat diatur dengan berbagai cara: dengan nilai heksadesimal, dengan nama, dalam format RGB, RGBA, HSL, HSLA. Menentukan warna dengan RGB

Angka heksadesimal digunakan untuk menentukan warna. Sistem heksadesimal, tidak seperti sistem desimal, didasarkan, seperti namanya, pada angka 16. Angkanya adalah sebagai berikut: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Angka dari 10 sampai 15 diganti dengan huruf latin. Angka yang lebih besar dari 15 dalam sistem heksadesimal dibentuk dengan menggabungkan dua angka menjadi satu. Misalnya, angka 255 dalam desimal sesuai dengan angka FF dalam heksadesimal. Untuk menghindari kebingungan dalam definisi sistem bilangan, bilangan heksadesimal diawali dengan simbol hash #, misalnya #666999. Masing-masing dari tiga warna - merah, hijau dan biru - dapat mengambil nilai dari 00 hingga FF. Dengan demikian, penunjukan warna terbagi menjadi tiga komponen #rrggbb, dimana dua karakter pertama menandai komponen warna merah, dua karakter tengah menandai hijau, dan dua karakter terakhir menandai biru. Diperbolehkan menggunakan bentuk singkatan #rgb, di mana setiap karakter harus digandakan. Dengan demikian, entri #fe0 harus dianggap sebagai #ffee00.

dengan nama

Internet Explorer Chrome Opera safari Firefox Android iOS
4.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Browser mendukung beberapa warna berdasarkan nama. Di meja. 1 menunjukkan nama, kode hex, nilai dalam format RGB, HSL, dan deskripsi.

Tab. 1. Nama warna
Nama Warna Kode RGB HSL Keterangan
putih #fffff atau #fff rgb(255.255.255) hsl(0,0%,100%) Putih
perak #c0c0c0 rgb(192.192.192) hsl(0,0%,75%) Abu-abu
Abu-abu #808080 rgb(128.128.128) hsl(0,0%,50%) Abu-abu gelap
hitam #000000 atau #000 rgb(0,0,0) hsl(0,0%,0%) Hitam
merah tua #800000 rgb(128,0,0) hsl(0,100%,25%) Merah gelap
merah #ff0000 atau #f00 rgb(255,0,0) hsl(0,100%,50%) Merah
jeruk #ffa500 rgb(255.165,0) hsl(38,8,100%,50%) Oranye
kuning #ffff00 atau #ff0 rgb(255.255,0) hsl(60,100%,50%) Kuning
Zaitun #808000 rgb(128.128,0) hsl(60,100%,25%) Zaitun
jeruk nipis #00ff00 atau #0f0 rgb(0,255,0) hsl(120,100%,50%) hijau muda
hijau #008000 rgb(0,128,0) hsl(120,100%,25%) Hijau
aqua #00ffff atau #0ff rgb(0,255,255) hsl(180,100%,50%) Biru
biru #0000ff atau #00f rgb(0,0,255) hsl(240,100%,50%) Biru
angkatan laut #000080 rgb(0,0,128) hsl(240,100%,25%) Biru tua
teal #008080 rgb(0,128,128) hsl(180,100%,25%) biru hijau
fuchsia #ff00ff atau #f0f rgb(255,0,255) hsl(300,100%,50%) Merah Jambu
ungu #800080 rgb(128,0,128) hsl(300,100%,25%) Ungu

Dengan RGB

Internet Explorer Chrome Opera safari Firefox Android iOS
5.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Anda dapat menentukan warna menggunakan nilai merah, hijau, dan biru dalam bentuk desimal. Masing-masing dari tiga komponen warna mengambil nilai dari 0 hingga 255. Juga dapat diterima untuk menyetel warna sebagai persentase, sedangkan 100% akan sesuai dengan angka 255. Pertama, kata kunci rgb ditentukan, lalu komponen warna ditentukan dalam tanda kurung, dipisahkan dengan koma, misalnya rgb(255 , 128, 128) atau rgb(100%, 50%, 50%).

RGBA

Internet Explorer Chrome Opera safari Firefox Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

Format RGBA mirip dengan sintaks RGB, tetapi menyertakan saluran alfa yang mengatur transparansi elemen. Nilai 0 sepenuhnya transparan, 1 buram, dan nilai menengah seperti 0,5 tembus cahaya.

RGBA ditambahkan ke CSS3, jadi validasi kode CSS harus dilakukan menurut versi ini. Perlu dicatat bahwa standar CSS3 masih dalam pengembangan dan beberapa fiturnya dapat berubah. Misalnya, warna RGB yang ditambahkan ke properti background-color lolos validasi, tetapi yang ditambahkan ke properti background tidak. Pada saat yang sama, browser memahami dengan benar warna untuk kedua properti.

HSL

Internet Explorer Chrome Opera safari Firefox Android iOS
9.0+ 1.0+ 9.6+ 3.1+ 3.0+ 2.1+ 2.0+

Nama format HSL dibentuk dari gabungan huruf pertama Hue (rona), Saturate (saturasi) dan Lightness (ringan). Hue adalah nilai warna pada roda warna (Gbr. 1) dan ditentukan dalam derajat. 0° berwarna merah, 120° berwarna hijau, dan 240° berwarna biru. Nilai rona dapat bervariasi dari 0 hingga 359.

Beras. 1. Roda warna

Saturasi adalah intensitas warna, diukur sebagai persentase dari 0% hingga 100%. Nilai 0% menunjukkan tidak ada warna dan bayangan abu-abu, 100% adalah nilai saturasi maksimum.

Lightness mengatur seberapa terang warnanya dan ditentukan sebagai persentase dari 0% hingga 100%. Nilai kecil membuat warna lebih gelap, sedangkan nilai tinggi membuatnya lebih terang, nilai ekstrim 0% dan 100% sesuai dengan hitam dan putih.

HSLA

Internet Explorer Chrome Opera safari Firefox Android iOS
9.0+ 1.0+ 10.0+ 3.1+ 3.0+ 2.1+ 2.0+

Format HSLA mirip dengan sintaks HSL, tetapi mencakup saluran alfa yang mengatur transparansi elemen. Nilai 0 sepenuhnya transparan, 1 buram, dan nilai menengah seperti 0,5 tembus cahaya.

Nilai warna dalam format RGBA, HSL, dan HSLA ditambahkan ke CSS3, jadi saat menggunakan format ini, periksa validitas kode terhadap versinya.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Warna

Peringatan

Semua metode menangkap singa yang tercantum di situs bersifat teoretis dan berdasarkan metode komputasi. Penulis tidak menjamin keselamatan Anda saat menggunakannya dan melepaskan tanggung jawab apa pun atas hasilnya. Ingat, singa adalah predator dan hewan yang berbahaya!

Arrrgh!


Hasil dari contoh ini ditunjukkan pada Gambar. 2.

Beras. 2. Warna pada halaman web

Warna HTML ditunjukkan dengan enam karakter setelah garis miring - misalnya, #000000. Keenam karakter ini mewakili proporsi berbagai warna (Merah, Hijau, dan Biru) pada warna akhir. Gambar di monitor komputer Anda terdiri dari sejumlah besar titik yang disebut piksel. Setiap piksel adalah sumber cahaya kecil, sebut saja "senter", yang terdiri dari tiga senter - merah, hijau dan biru. Dengan mengurangi atau meningkatkan intensitas pancaran masing-masing lentera berwarna, kami mendapatkan warna yang diinginkan.

kode warna html

Warna dalam HTML dilambangkan dengan notasi heksadesimal (HEX) untuk kombinasi merah, biru, dan hijau (RGB).

Nilai warna terkecil adalah 0 (heksadesimal 00). Nilai warna tertinggi adalah 255 (FF heksadesimal).

Nilai warna heksadesimal adalah tiga digit yang dimulai dengan #.

Kode warna (nilai)

Warna Kode HEX Kode RGB
#000000 rgb(0,0,0)
#FF0000 rgb(255,0,0)
#00FF00 rgb(0,255,0)
#0000FF rgb(0,0,255)
#FFFF00 rgb(255.255,0)
#00FFFF rgb(0,255,255)
#FF00FF rgb(255,0,255)
#C0C0C0 rgb(192.192.192)
#FFFFFF rgb(255.255.255)

16 juta warna

Menggabungkan merah, biru, dan hijau dengan nilai mulai dari 0 hingga 255 untuk setiap warna menghasilkan lebih dari 16 juta corak (256 x 256 x 256).

Sebagian besar monitor modern mampu menampilkan setidaknya 16.384 warna berbeda (monitor LCD umumnya mampu menampilkan 262,16 juta (diperbarui Oktober 2013) warna, sedangkan monitor CRT dapat menampilkan jumlah warna yang hampir tidak terbatas).

Tabel warna di bawah ini menunjukkan perubahan proporsi merah dari 0 menjadi 255 dengan nilai nol untuk biru dan hijau:

Merah Kode HEX Kode RGB
#000000 rgb(0,0,0)
#080000 rgb(8,0,0)
#100000 rgb(16,0,0)
#180000 rgb(24,0,0)
#200000 rgb(32,0,0)
#280000 rgb(40,0,0)
#300000 rgb(48,0,0)
#380000 rgb(56,0,0)
#400000 rgb(64,0,0)
#480000 rgb(72,0,0)
#500000 rgb(80,0,0)
#580000 rgb(88,0,0)
#600000 rgb(96,0,0)
#680000 rgb(104,0,0)
#700000 rgb(112,0,0)
#780000 rgb(120,0,0)
#800000 rgb(128,0,0)
#880000 rgb(136,0,0)
#900000 rgb(144,0,0)
#980000 rgb(152,0,0)
#A00000 rgb(160,0,0)
#A80000 rgb(168,0,0)
#B00000 rgb(176,0,0)
#B80000 rgb(184,0,0)
#C00000 rgb(192,0,0)
#C80000 rgb(200,0,0)
#D00000 rgb(208,0,0)
#D80000 rgb(216,0,0)
#E00000 rgb(224,0,0)
#E80000 rgb(232,0,0)
#F00000 rgb(240,0,0)
#F80000 rgb(248,0,0)
#FF0000 rgb(255,0,0)

Bayangan abu-abu

Untuk mendapatkan corak abu-abu, proporsi yang sama dari semua warna digunakan. Untuk memudahkan pemilihan warna yang diinginkan, kami menyediakan kode untuk nuansa abu-abu.

Bayangan abu-abu Kode HEX Kode RGB
#000000 rgb(0,0,0)
#080808 rgb(8,8,8)
#101010 rgb(16,16,16)
#181818 rgb(24,24,24)
#202020 rgb(32,32,32)
#282828 rgb(40,40,40)
#303030 rgb(48,48,48)
#383838 rgb(56,56,56)
#404040 rgb(64,64,64)
#484848 rgb(72,72,72)
#505050 rgb(80,80,80)
#585858 rgb(88,88,88)
#606060 rgb(96,96,96)
#686868 rgb(104.104.104)
#707070 rgb(112.112.112)
#787878 rgb(120.120.120)
#808080 rgb(128.128.128)
#888888 rgb(136.136.136)
#909090 rgb(144.144.144)
#989898 rgb(152.152.152)
#A0A0A0 rgb(160.160.160)
#A8A8A8 rgb(168.168.168)
#B0B0B0 rgb(176.176.176)
#B8B8B8 rgb(184.184.184)
#C0C0C0 rgb(192.192.192)
#C8C8C8 rgb(200.200.200)
#D0D0D0 rgb(208.208.208)
#D8D8D8 rgb(216.216.216)
#E0E0E0 rgb(224.224.224)
#E8E8E8 rgb(232.232.232)
#F0F0F0 rgb(240.240.240)
#F8F8F8 rgb(248.248.248)
#FFFFFF rgb(255.255.255)

Nama warna html lintas-browser (untuk semua browser).

Kumpulan 150 nama warna html didukung di semua browser.

Nama warna standar

W3C mencantumkan 16 nama warna yang valid untuk HTML dan CSS: aqua (aquamarine), hitam (hitam), biru (biru), fuchsia (magenta), abu-abu (abu-abu), hijau (hijau), limau (kapur atau hijau muda), merah marun (kastanye), biru tua (ultramarin), zaitun (zaitun), ungu (ungu), merah (merah), perak (perak), teal (abu-abu), putih (putih) dan kuning (kuning).

Saat menggunakan warna yang tidak termasuk dalam daftar ini, akan lebih tepat menggunakan kode heksadesimal (HEX) atau kode RGB.

Warna aman

Beberapa tahun yang lalu, ketika komputer dapat mendukung maksimal 256 warna berbeda, daftar 216 "Warna Aman Web" diusulkan, dengan 40 warna dicadangkan untuk sistem.

Palet 216 warna ini dibuat untuk menampilkan warna dengan benar dalam mode palet 256 warna.

Tidak masalah sekarang karena sebagian besar komputer di seluruh dunia mendukung jutaan corak warna. Bagaimanapun, berikut adalah daftar warna-warna itu:

000000 000033 000066 000099 0000CC 0000FF
003300 003333 003366 003399 0033CC 0033FF
006600 006633 006666 006699 0066CC 0066FF
009900 009933 009966 009999 0099CC 0099FF
00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF
00FF00 00FF33 00FF66 00FF99 00FFCC 00FFFF
330000 330033 330066 330099 3300CC 3300FF
333300 333333 333366 333399 3333CC 3333FF
336600 336633 336666 336699 3366CC 3366FF
339900 339933 339966 339999 3399CC 3399FF
33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF
33FF00 33FF33 33FF66 33FF99 33FFCC 33FFFF
660000 660033 660066 660099 6600CC 6600FF
663300 663333 663366 663399 6633CC 6633FF
666600 666633 666666 666699 6666CC 6666FF
669900 669933 669966 669999 6699CC 6699FF
66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF
66FF00 66FF33 66FF66 66FF99 66FFCC 66FFFF
990000 990033 990066 990099 9900CC 9900FF
993300 993333 993366 993399 9933CC 9933FF
996600 996633 996666 996699 9966CC 9966FF
999900 999933 999966 999999 9999CC 9999FF
99CC00 99CC33 99CC66 99CC99 99CCCC 99CCFF
99FF00 99FF33 99FF66 99FF99 99FFCC 99FFFF
CC0000 CC0033 CC0066 CC0099 CC00CC CC00FF
CC3300 CC3333 CC3366 CC3399 CC33CC CC33FF
CC6600 CC6633 CC6666 CC6699 CC66CC CC66FF
CC9900 CC9933 CC9966 CC9999 CC99CC CC99FF
CCCC00 CCCC33 CCCC66 CCCC99 CCCCCC CCCCFF
CCFF00 CCFF33 CCFF66 CCFF99 CCFFCC CCFFFF
FF0000 FF0033 FF0066 FF0099 FF00CC FF00FF
FF3300 FF3333 FF3366 FF3399 FF33CC FF33FF
FF6600 FF6633 FF6666 FF6699 FF66CC FF66FF
FF9900 FF9933 FF9966 FF9999 FF99CC FF99FF
FFCC00 FFCC33 FFCC66 FFCC99 FFCCCC FFCCFF
FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF

Halaman ini berisi tabel dengan kata kunci yang dapat digunakan untuk menentukan warna dalam bahasa pengembangan Web seperti: HTML, CSS, JavaScript, Flash, dll.

Dalam spesifikasi WC3 lama, hanya 16 kata kunci yang digunakan untuk mengatur warna dalam HTML dan CSS. Kemudian, dengan spesifikasi yang lebih modern, 130 kata kunci lainnya ditambahkan untuk menunjukkan nama warna. Tabel berikut berisi nama warna, kode heksadesimal dan RGB yang sesuai.

Menurut aturan CSS, nama warna tidak peka huruf besar-kecil. Entri warna IndianRed dan indianred setara.

Perlu juga dicatat bahwa dari 146 kata kunci dalam tabel, sebenarnya ada lebih sedikit warna di dalamnya. Ini karena beberapa kata kunci mewakili warna yang sama. Jadi nama Gray , dan Grey mewakili 50 persen abu-abu dengan kode #808080 , sedangkan kata Magenta adalah sinonim HTML untuk warna Fuchsia, sesuai dengan kode hex #FF00FF . Kata Aqua dan Cyan juga sinonim, sesuai dengan kode #00FFFF .

Nama warna dalam HTML dan CSS HEX RGB
Nada merah:
IndianRed#CD5C5C205, 92, 92
LightCoral#F08080240, 128, 128
Ikan salmon#FA8072250, 128, 114
DarkSalmon#E9967A233, 150, 122
LightSalmon#FFA07A255, 160, 122
Merah tua# DC143C220, 20, 60
Merah#FF0000255, 0, 0
Batu bata tahan api#B22222178, 34, 34
merah gelap#8B0000139, 0, 0
Nada merah muda:
Merah Jambu#FFC0CB255, 192, 203
pink#FFB6C1255, 182, 193
hotpink#FF69B4255, 105, 180
deeppink#FF1493255, 20, 147
SedangVioletMerah#C71585199, 21, 133
PaleVioletMerah# DB7093219, 112, 147
Nada oranye:
LightSalmon#FFA07A255, 160, 122
Karang#FF7F50255, 127, 80
Tomat#FF6347255, 99, 71
OranyeMerah#FF4500255, 69, 0
oren tua#FF8C00255, 140, 0
Oranye#FFA500255, 165, 0
nada kuning:
Emas#FFD700255, 215, 0
Kuning#FFFF00255, 255, 0
Kuning muda#FFFFE0255, 255, 224
LemonChiffon#FFFACD255, 250, 205
CahayaGoldenrodKuning#FAFAD2250, 250, 210
Cambuk Pepaya#FFEFD5255, 239, 213
Sepatu sandal#FFE4B5255, 228, 181
PeachPuff#FFDAB9255, 218, 185
PaleGoldenrod#EEE8AA238, 232, 170
Dril#F0E68C240, 230, 140
DarkKhaki#BDB76B189, 183, 107
Nada ungu:
Lavendel#E6E6FA230, 230, 250
Thistle#D8BFD8216, 191, 216
Prem#DDA0DD221, 160, 221
ungu#EE82EE238, 130, 238
Anggrek# DA70D6218, 112, 214
Fuchsia#FF00FF255, 0, 255
Magenta#FF00FF255, 0, 255
Anggrek Sedang#BA55D3186, 85, 211
Ungu Sedang#9370DB147, 112, 219
ungu biru#8A2BE2138, 43, 226
ungu tua#9400D3148, 0, 211
Anggrek Gelap#9932CC153, 50, 204
DarkMagenta#8B008B139, 0, 139
Ungu#800080 128, 0, 128
Nila#4B008275, 0, 130
Biru Batu tulis#6A5ACD106, 90, 205
DarkSlateBlue#483D8B72, 61, 139
Nada coklat:
Rambut jagung#FFF8DC255, 248, 220
Almond Rebus#FFEBCD255, 235, 205
Bisque#FFE4C4255, 228, 196
NavajoWhite#FFDEAD255, 222, 173
Gandum#F5DEB3245, 222, 179
kayu bakar#DEB887222, 184, 135
Tan#D2B48C210, 180, 140
RosyBrown#BC8F8F188, 143, 143
Coklat Berpasir#F4A460244, 164, 96
Goldenrod#DAA520218, 165, 32
DarkGoldenRod#B8860B184, 134, 11
Peru# CD853F205, 133, 63
Cokelat#D2691E210, 105, 30
SaddleBrown#8B4513139, 69, 19
Sienna#A0522D160, 82, 45
Cokelat#A52A2A165, 42, 42
merah tua#800000 128, 0, 0
Warna primer:
Hitam#000000 0, 0, 0
Abu-abu#808080 128, 128, 128
Perak#C0C0C0192, 192, 192
Putih#FFFFFF255, 255, 255
Fuchsia#FF00FF255, 0, 255
Ungu#800080 128, 0, 128
Merah#FF0000255, 0, 0
merah tua#800000 128, 0, 0
Kuning#FFFF00205, 92, 92
Zaitun#808000 240, 128, 128
jeruk nipis#00FF00250, 128, 114
Hijau#008000 233, 150, 122
Aqua#00FFFF205, 92, 92
hijau muda#008080 240, 128, 128
Biru#0000FF250, 128, 114
Angkatan laut#000080 233, 150, 122
Nama warna dalam HTML dan CSS HEX RGB
Nada hijau:
Hijau kuning#ADFF2F173, 255, 47
minuman keras manis#7FFF00127, 255, 0
Rumput Hijau#7CFC00124, 252, 0
jeruk nipis#00FF000, 255, 0
Hijau limau#32CD3250, 205, 50
hijau pucat#98FB98152, 251, 152
Hijau muda#90EE90144, 238, 144
SedangMusim SemiHijau#00FA9A0, 250, 154
Musim SemiHijau#00FF7F0, 255, 127
MediumLautHijau#3CB37160, 179, 113
hijau laut#2E8B5746, 139, 87
hutan hijau#228B2234, 139, 34
Hijau#008000 0, 128, 0
hijau tua#006400 0, 100, 0
kuning hijau#9ACD32154, 205, 50
OliveDrab#6B8E23107, 142, 35
Zaitun#808000 128, 128, 0
DarkOliveGreen#556B2F85, 107, 47
SedangAquamarine#66CDAA102, 205, 170
DarkSeaGreen#8FBC8F143, 188, 143
LightLautHijau#20B2AA32, 178, 170
DarkCyan#008B8B0, 139, 139
hijau muda#008080 0, 128, 128
Nada biru:
Aqua#00FFFF0, 255, 255
cyan#00FFFF0, 255, 255
LightCyan#E0FFFF224, 255, 255
paleturquoise#AFEEEE175, 238, 238
aquamarine#7FFFD4127, 255, 212
Pirus#40E0D064, 224, 208
Pirus Sedang#48D1CC72, 209, 204
Pirus Gelap#00CED10, 206, 209
Kadet Biru#5F9EA095, 158, 160
biru baja#4682B470, 130, 180
Baja RinganBiru#B0C4DE176, 196, 222
Bubuk biru#B0E0E6176, 224, 230
biru muda#ADD8E6173, 216, 230
langit biru#87CEEB135, 206, 235
CahayaLangitBiru#87CEFA135, 206, 250
DeepSkyBlue#00BFFF0, 191, 255
Dodger Biru#1E90FF30, 144, 255
Bunga jagungBiru#6495ED100, 149, 237
MediumSlateBiru#7B68EE123, 104, 238
Biru Kerajaan#4169E165, 105, 225
Biru#0000FF0, 0, 255
Biru Sedang#0000CD0, 0, 205
Biru tua#00008B0, 0, 139
Angkatan laut#000080 0, 0, 128
biru tengah malam#191970 25, 25, 112
Nada putih:
Putih#FFFFFF255, 255, 255
Salju#FFFAFA255, 250, 250
melon#F0FFF0240, 255, 240
MintCream#F5FFFA245, 255, 250
Biru langit#F0FFFF240, 255, 255
Alice Biru#F0F8FF240, 248, 255
putih hantu#F8F8FF248, 248, 255
asap putih#F5F5F5245, 245, 245
Kerang laut#FFF5EE255, 245, 238
Krem#F5F5DC245, 245, 220
Renda Tua#FDF5E6253, 245, 230
FloralWhite#FFFAF0255, 250, 240
Gading#FFFF0255, 255, 240
putih antik#FAEBD7250, 235, 215
linen#FAF0E6250, 240, 230
LavenderBlush#FFF0F5255, 240, 245
MistyRose#FFE4E1255, 228, 225
Nada abu-abu:
Gainsboro#DCDCDC220, 220, 220
Abu-abu muda#D3D3D3211, 211, 211
Abu-abu muda#D3D3D3211, 211, 211
Perak#C0C0C0192, 192, 192
Abu-abu gelap#A9A9A9169, 169, 169
Abu-abu gelap#A9A9A9169, 169, 169
Abu-abu#808080 128, 128, 128
Abu-abu#808080 128, 128, 128
Abu-abu redup#696969 105, 105, 105
DimGrey#696969 105, 105, 105
LightSlateGray#778899 119, 136, 153
LightSlateGrey#778899 119, 136, 153
SlateGray#708090 112, 128, 144
SlateGrey#708090 112, 128, 144
DarkSlateGray#2F4F4F47, 79, 79
DarkSlateGrey#2F4F4F47, 79, 79
Hitam#000000 0, 0, 0

Ada beberapa cara untuk merepresentasikan warna dalam desain web.

HEX adalah sistem heksadesimal untuk merepresentasikan warna dalam basis 16. Untuk sistem ini, angka desimal Arab dari 0 hingga 9 dan huruf Latin dari A hingga F digunakan untuk melengkapi angka digital menjadi 16. Untuk desain web, 16 warna primer (kunci) , yang disebut kode warna heksadesimal #RRGGBB, di mana setiap pasangan bertanggung jawab atas bagian warnanya: RR - merah, GG - hijau dan BB - biru. Setiap fraksi warna berkisar dari 00 hingga FF.

Dua representasi warna lainnya dalam desain web adalah: sebagai RGB(*,*,*), di mana setiap "*" bagian dari warna diwakili oleh angka desimal dari 0 hingga 255 dan dengan nama warna pada bahasa Inggris.

Saat membuat gambar berwarna, masalah utamanya adalah reproduksi warna yang benar pada berbagai jenis komputer, monitor, dan browser. Jika browser tidak dapat merender warna dengan benar, browser akan mencocokkan atau mencampur beberapa warna. Dan terkadang bisa diganti dengan warna yang sama sekali berbeda.

Meja 16 warna primer, yang digunakan di semua browser

Nama Warna hex (RGB)
Aqua (gelombang laut) #00FFFF (000,255,255)
Hitam hitam) #000000 (000,000,000)
Biru (biru) #0000FF (000,000,255)
Fuchsia (magenta) #FF00FF (255,000,255)
Abu-abu (abu-abu) #808080 (128,128,128)
Hijau (hijau) #008000 (000,128,000)
Kapur (hijau terang) #00FF00 (000,255,000)
Marun (merah marun) #800000 (128,000,000)
Angkatan Laut (biru tua) #000080 (000,000,128)
Zaitun (zaitun) #808000 (128,128,000)
Ungu (ungu) #800080 (128,000,128)
Merah (merah) #FF0000 (255,000,000)
Perak (perak) #C0C0C0 (192,192,192)
Teal (abu-abu hijau) #008080 (000,128,128)
Putih (putih) #FFFFFF (255,255,255)
Kuning (kuning) #FFFF00 (255,255,000)

Meja ungu warna dan corak

Nama Warna hex (RGB)
Magenta (magenta) #FFCBDB (255,203,219)
Magenta (magenta) #FF0099 (255,000,153)
Magenta (magenta) #F95A61 (249,090,097)
Fuchsia (fuchsia) #FF00FF (255,000,255)
Mauveine (ungu anilin) #EF0097 (239,000,151)
Merah muda salmon (merah muda oranye) #FF91A4 (255,145,164)
Cenise (warna magenta) #DE3163 (153,149,140)
Terong Terong (Terong) #990066 (153,000,132)
Perona pipi lavender (lavender merah muda)  #FFF0F5 (255,240,245)
Ungu (ungu) #C8A2C8 (200,162,200)
Magenta (magenta) #FF008F (255,000,143)
Anggrek (anggrek) # DA70D6 (218,112,214)
Merah-ungu (ungu-merah) #C71585 (199,021,133)
Sanguinis (sanguin) #92000A (146,000,010)
Thistle (warna magenta) #D8BFD8 (185,211,238)
Violet-terong (warna magenta) #991199 (153,017,153)
Rosa vivo (merah muda kaya) #FF007F (255,000,127)
Lavender-rose (warna ungu) #FBA0E3 (108,123,139)
Mountbatten pink (Mounbatten pink) #997ABD (153,122,141)

Meja Abu-abu warna dan corak

Nama Warna hex (RGB)
Abu-abu (Abu-abu) #808080 (128,128,128)
Abu-abu (Abu-abu) #bebebe (190,190,190)
(warna abu-abu) #858585 (133,133,133)
Abu-abu33 (Abu-abu-33) #545454 (084,084,084)
(batu tulis abu-abu) #708090 (112,128,144)
(Kuarsa) #99958s (153,149,140)
(Abu-abu muda) #bbbbbb (187,187,187)
(Perak) #c0c0c0 (192,192,192)
(putih abu-abu) #f0f0f0 (240,240,240)
(Jenggot Abdel-Kerim) #e0e0e0 (224,224,224)
LightGray (Abu-abu Terang) #d3d3d3 (211,211,211)
LightStateGray() #778899 (119,136,153)
StateGray-1 (Biru bunga jagung pucat1) #c6e2ff (198,226,255)
StateGray-2 (Biru bunga jagung pucat2) #b9d3ee (185,211,238)
StateGray3() #9fb6cd (159,182,205)
StateGray4() #6c7b8b (108,123,139)

Tabel (palet) warna html memberi Anda kesempatan untuk secara mandiri memilih nada yang Anda butuhkan. Nilai warna ditampilkan dalam tiga format: Hex, RGB, dan HSV.

  • Hex terdiri dari tiga nilai dua karakter dalam notasi heksadesimal. Contoh: #ff00b3, pasangan angka pertama berwarna merah, pasangan kedua berwarna hijau, dan pasangan ketiga berwarna biru.
  • RGB (RedGreenBlue) memiliki bentuk "200.100.255" yang menunjukkan jumlah nada yang sesuai (merah, hijau, biru) pada warna yang dihasilkan.
  • HSV (Hue, Saturation, Value - tone, saturation, value) - model warna yang koordinatnya adalah:
    • Hue - nada warna, dapat bervariasi dari 0° hingga 360°.
    • Saturasi - saturasi, bervariasi antara 0-100 atau 0-1. Semakin besar setelan ini, semakin "murni" warnanya, itulah sebabnya setelan ini terkadang disebut sebagai kemurnian warna. Dan semakin dekat parameter ini ke nol, semakin dekat warnanya ke abu-abu netral.
    • Nilai (nilai warna) - mengatur kecerahan, nilainya juga dapat bervariasi antara 0-100 atau 0-1.

Masukkan kode warna: PERGILAH

Daftar warna dengan nama

Tabel mencantumkan nama warna bahasa Inggris (yang dapat digunakan sebagai nilai) yang didukung oleh semua browser dan nilai heksadesimalnya. Semua warna yang tercantum adalah "aman", artinya akan ditampilkan sama di semua browser.

Nama warna HEX Warna
Hitam#000000
Angkatan laut#000080
Biru tua#00008B
Biru Sedang#0000CD
Biru#0000FF
hijau tua#006400
Hijau#008000
hijau muda#008080
DarkCyan#008B8B
DeepSkyBlue#00BFFF
Pirus Gelap#00CED1
SedangMusim SemiHijau#00FA9A
jeruk nipis#00FF00
Musim SemiHijau#00FF7F
Aqua#00FFFF
cyan#00FFFF
biru tengah malam#191970
Dodger Biru#1E90FF
LightLautHijau#20B2AA
hutan hijau#228B22
hijau laut#2E8B57
DarkSlateGray#2F4F4F
Hijau limau#32CD32
MediumLautHijau#3CB371
Pirus#40E0D0
Biru Kerajaan#4169E1
biru baja#4682B4
DarkSlateBlue#483D8B
Pirus Sedang#48D1CC
Nila#4B0082
DarkOliveGreen#556B2F
Kadet Biru#5F9EA0
Bunga jagungBiru#6495ED
MediumAquaMarine#66CDAA
Abu-abu redup#696969
Biru Batu tulis#6A5ACD
OliveDrab#6B8E23
SlateGray#708090
LightSlateGray#778899
MediumSlateBiru#7B68EE
Rumput Hijau#7CFC00
minuman keras manis#7FFF00
aquamarine#7FFFD4
merah tua#800000
Ungu#800080
Zaitun#808000
Abu-abu#808080
langit biru#87CEEB
CahayaLangitBiru#87CEFA
ungu biru#8A2BE2
merah gelap#8B0000
DarkMagenta#8B008B
SaddleBrown#8B4513
DarkSeaGreen#8FBC8F
Hijau muda#90EE90
Ungu Sedang#9370D8
ungu tua#9400D3
hijau pucat#98FB98
Anggrek Gelap#9932CC
kuning hijau#9ACD32
Sienna#A0522D
Cokelat#A52A2A
Abu-abu gelap#A9A9A9
biru muda#ADD8E6
Hijau kuning#ADFF2F
paleturquoise#AFEEEE
Baja RinganBiru#B0C4DE
Bubuk biru#B0E0E6
Batu bata tahan api#B22222
DarkGoldenRod#B8860B
Anggrek Sedang#BA55D3
RosyBrown#BC8F8F
DarkKhaki#BDB76B
Perak#C0C0C0
SedangVioletMerah#C71585
IndianRed#CD5C5C
Peru# CD853F
Cokelat#D2691E
Tan#D2B48C
Abu-abu muda#D3D3D3
PaleVioletMerah#D87093
Thistle#D8BFD8
Anggrek# DA70D6
batang emas#DAA520
Merah tua# DC143C
Gainsboro#DCDCDC
Prem#DDA0DD
kayu bakar#DEB887
LightCyan#E0FFFF
Lavendel#E6E6FA
DarkSalmon#E9967A
ungu#EE82EE
PaleGoldenRod#EEE8AA
LightCoral#F08080
Dril#F0E68C
Alice Biru#F0F8FF
melon#F0FFF0
Biru langit#F0FFFF
Coklat Berpasir#F4A460
Gandum#F5DEB3
Krem#F5F5DC
asap putih#F5F5F5
MintCream#F5FFFA
putih hantu#F8F8FF
Ikan salmon#FA8072
putih antik#FAEBD7
linen#FAF0E6
CahayaGoldenRodYellow#FAFAD2
Renda Tua#FDF5E6
Merah#FF0000
Fuchsia#FF00FF
Magenta#FF00FF
deeppink#FF1493
OranyeMerah#FF4500
Tomat#FF6347
hotpink#FF69B4
Karang#FF7F50
oren tua#FF8C00
LightSalmon#FFA07A
Oranye#FFA500
pink#FFB6C1
Merah Jambu#FFC0CB
Emas#FFD700
PeachPuff#FFDAB9
NavajoWhite#FFDEAD
Sepatu sandal#FFE4B5
Bisque#FFE4C4
MistyRose#FFE4E1
Almond Rebus#FFEBCD
Cambuk Pepaya#FFEFD5
LavenderBlush#FFF0F5
kerang laut#FFF5EE
Rambut jagung#FFF8DC
LemonChiffon#FFFACD
FloralWhite#FFFAF0
Salju#FFFAFA
Kuning#FFFF00
Kuning muda#FFFFE0
Gading#FFFF0
Putih#FFFFFF


ARTIKEL TERKAIT