Jika Anda seorang desainer grafis, atau baru saja masuk ke program pengeditan gambar, Anda pasti pernah melihat kotak yang memungkinkan Anda untuk mengubah warna, baik itu ember cat, kuas, huruf ... Apa yang mungkin membuat Anda penasaran adalah kenyataan bahwa, ketika Anda memilih warna, itu muncul kode warna, tahu apa itu?
Jika Anda pernah bertanya-tanya apa arti kode huruf atau angka itu, dan Anda ingin tahu lebih banyak tentangnya, maka kami membantu Anda memahami pentingnya kode warna, mengapa kode itu mencerminkan warna dan detail aneh lainnya.
Apa kode warnanya?
Kita dapat mendefinisikan kode warna sebagai gamut warna di mana web dapat ditampilkan. Artinya, kemungkinan yang ada, dalam palet sekitar 216 warna, untuk menentukan bagaimana sebuah situs web akan terlihat. Kode ini dapat didasarkan pada tiga jenis sistem: RGB, HEX dan HSL (yang terakhir sekarang tidak digunakan lagi).
Sebenarnya, untuk apa kode warna berfungsi sebagai kode universal untuk semua browser sedemikian rupa sehingga, dengan kode-kode itu, apa yang dicapai adalah mereproduksi nada yang sama, baik di Internet Explorer, di Firefox Mozilla, di Google Chrome …
Anda harus tahu itu komputer mampu membedakan hingga 16 juta warna, jadi ada banyak kemungkinan untuk membuat website atau memodifikasi gambar.
Jenis kode warna
Seperti yang telah kami katakan sebelumnya, ada tiga jenis sistem:
- RGB. Ini adalah yang paling terkenal dan terdiri dari tiga warna primer, merah, biru dan hijau, dari mana, melalui kombinasi mereka, sisa warna diturunkan. Adapun representasinya berkisar antara 0 hingga 255 dan kode yang muncul terdiri dari tiga angka yang dipisahkan dengan koma dan di antara tanda kurung.
- Heksadesimal. Digunakan sebagian besar dalam HTML dan CSS. Dalam hal ini, terdiri dari angka dan huruf yang disusun di antara mereka sendiri untuk mendapatkan kode yang menentukan warna.
- HSL. Sudah tidak digunakan, ini didasarkan pada penggunaan rona, saturasi, dan kecerahan saat membuat warna. Itu ditentukan oleh derajat dan persentase (tiga angka dipisahkan dengan koma dan dalam tanda kurung).
Mengapa kode penting?
Sekarang setelah Anda mengetahui apa itu kode warna, penerapannya mudah dipahami, karena ini digunakan untuk menentukan kode apa yang diperlukan untuk menampilkan warna tertentu. Ini berfungsi, misalnya, di halaman web. Kode HTML tersirat jika sebuah situs web memiliki latar belakang warna tertentu, jika fontnya merah, kuning, hijau, biru ..., dan banyak kegunaan lainnya.
Apakah Anda mengerti mengapa itu penting? Misalnya, bayangkan Anda memiliki situs web dengan latar belakang merah. Dan Anda ingin mengubahnya menjadi kosong. Jika Anda mengetahui kode yang menentukan warna merah, menggunakan mesin pencari dalam kode HTML Anda akan mendapatkan tempat di mana warna ini dipantulkan (ditautkan ke warna latar belakang) dan Anda dapat mengubahnya dengan cepat. Tetapi bagaimana jika Anda tidak memilikinya? Anda harus mencari sampai Anda menemukan bagian itu dan menguji untuk melihat kode apa yang dekat dengan yang Anda inginkan.
Oleh karena itu, kode warna membantu Anda mempercepat pekerjaan, serta dapat menggunakan warna saat mendesain situs web, mengedit gambar, dll.
Daftar warna dan kodenya Heksadesimal dan RGB
Akhirnya, kami ingin meninggalkan Anda di bawah tabel di mana Anda dapat menemukan sebagian besar warna yang ada bersama dengan kode desimal (RGB) dan heksadesimalnya sehingga jika sewaktu-waktu Anda perlu mengubah kode, Anda dapat melakukannya dengan mudah tanpa harus mencarinya di palet warna.
Label | Desimal (R, G, B) | Heksadesimal |
---|---|---|
aliceblue | rgb (240, 248, 255) | # F0F8FF |
antikputih | rgb (250, 235, 215) | # FAEBD7 |
aqua | rgb (0, 255, 255) | # 00FFFF |
aquamarine | rgb (127, 255, 212) | # 7FFFD4 |
biru langit | rgb (240, 255, 255) | # F0FFFF |
krem | rgb (245, 245, 220) | # F5F5DC |
biskuit | rgb (255, 228, 196) | # FFE4C4 |
hitam | rgb (0, 0, 0) | #000000 |
blanchedalmond.dll | rgb (255, 235, 205) | #FFEBCD |
biru | rgb (0, 0, 255) | # 0000FF |
biru ungu | rgb (138, 43, 226) | # 8A2BE2 |
coklat | rgb (165, 42, 42) | # A52A2A |
kayu bakar | rgb (222, 184, 135) | # DEB887 |
biru muda | rgb (95, 158, 160) | # 5F9EA0 |
minuman keras manis | rgb (127, 255, 0) | # 7FFF00 |
coklat | rgb (210, 105, 30) | # D2691E |
karang | rgb (255, 127, 80) | # FF7F50 |
bunga jagungbiru | rgb (100, 149, 237) | # 6495ED |
rambut jagung | rgb (255, 248, 220) | # FFF8DC |
merah tua | rgb (220, 20, 60) | # DC143C |
cyan | rgb (0, 255, 255) | # 00FFFF |
Biru tua | rgb (0, 0, 139) | #00008B |
Darkcyan | rgb (0, 139, 139) | # 008B8B |
tongkat emas gelap | rgb (184, 134, 11) | # B8860B |
Abu-abu gelap | rgb (169, 169, 169) | # A9A9A9 |
hijau tua | rgb (0, 100, 0) | #006400 |
Abu-abu gelap | rgb (169, 169, 169) | # A9A9A9 |
darkkhaki | rgb (189, 183, 107) | # BDB76B |
magenta gelap | rgb (139, 0, 139) | # 8B008B |
darkolivegreen.dll | rgb (85, 107, 47) | # 556B2F |
oren tua | rgb (255, 140, 0) | # FF8C00 |
anggrek gelap | rgb (153, 50, 204) | # 9932CC |
merah gelap | rgb (139, 0, 0) | # 8B0000 |
salmon hitam | rgb (233, 150, 122) | # E9967A |
layar gelap | rgb (143, 188, 143) | # 8FBC8F |
biru tua | rgb (72, 61, 139) | # 483D8B |
darkslategray | rgb (47, 79, 79) | # 2F4F4F |
abu-abu gelap | rgb (47, 79, 79) | # 2F4F4F |
pirus gelap | rgb (0, 206, 209) | # 00CED1 |
ungu tua | rgb (148, 0, 211) | # 9400D3 |
merah muda tua | rgb (255, 20, 147) | # FF1493 |
biru langit | rgb (0, 191, 255) | # 00BFFF |
remang-remang | rgb (105, 105, 105) | #696969 |
redup | rgb (105, 105, 105) | #696969 |
dodgerblue.dll | rgb (30, 144, 255) | # 1E90FF |
batu bata tahan api | rgb (178, 34, 34) | #B22222 |
bungaputih | rgb (255, 250, 240) | # FFFAF0 |
hutan hijau | rgb (34, 139, 34) | # 228B22 |
fuchsia | rgb (255, 0, 255) | # FF00FF |
Gainsboro | rgb (220, 220, 220) | #DCDCDC |
putih hantu | rgb (248, 248, 255) | # F8F8FF |
emas | rgb (255, 215, 0) | # FFD700 |
batang emas | rgb (218, 165, 32) | # DAA520 |
abu-abu | rgb (128, 128, 128) | #808080 |
hijau | rgb (0, 128, 0) | #008000 |
hijau kuning | rgb (173, 255, 47) | # ADFF2F |
Abu-abu | rgb (128, 128, 128) | #808080 |
sayang | rgb (240, 255, 240) | # F0FFF0 |
hotpink | rgb (255, 105, 180) | # FF69B4 |
merah india | rgb (205, 92, 92) | # CD5C5C |
nila | rgb (75, 0, 130) | # 4B0082 |
gading | rgb (255, 255, 240) | # FFFFF0 |
dril | rgb (240, 230, 140) | # F0E68C |
warna lembayung muda | rgb (230, 230, 250) | # E6E6FA |
lavender merona | rgb (255, 240, 245) | # FFF0F5 |
rumput hijau | rgb (124, 252, 0) | # 7CFC00 |
lemonchiffon | rgb (255, 250, 205) | #FFFACD |
biru muda | rgb (173, 216, 230) | # ADD8E6 |
lightcoral.dll | rgb (240, 128, 128) | # F08080 |
ringan | rgb (224, 255, 255) | # E0FFFF |
kuning muda | rgb (250, 250, 210) | # FAFAD2 |
Abu-abu muda | rgb (211, 211, 211) | # D3D3D3 |
hijau muda | rgb (144, 238, 144) | # 90EE90 |
Abu-abu terang | rgb (211, 211, 211) | # D3D3D3 |
pink muda | rgb (255, 182, 193) | # FFB6C1 |
lightsalmon.dll | rgb (255, 160, 122) | # FFA07A |
hijau laut muda | rgb (32, 178, 170) | # 20B2AA |
biru muda | rgb (135, 206, 250) | # 87CEFA |
lightlategray | rgb (119, 136, 153) | #778899 |
lightlategrey | rgb (119, 136, 153) | #778899 |
biru muda | rgb (176, 196, 222) | # B0C4DE |
kuning muda | rgb (255, 255, 224) | # FFFFE0 |
kapur | rgb (0, 255, 0) | # 00FF00 |
hijau limau | rgb (50, 205, 50) | #32CD32 |
linen | rgb (250, 240, 230) | # FAF0E6 |
magenta | rgb (255, 0, 255) | # FF00FF |
merah tua | rgb (128, 0, 0) | #800000 |
laut sedang | rgb (102, 205, 170) | # 66CDAA |
biasa-biasa saja | rgb (0, 0, 205) | # 0000CD |
mediumorchid.dll | rgb (186, 85, 211) | # BA55D3 |
ungu sedang | rgb (147, 112, 219) | # 9370D8 |
hijau laut sedang | rgb (60, 179, 113) | # 3CB371 |
biru tua | rgb (123, 104, 238) | # 7B68EE |
hijau musim semi | rgb (0, 250, 154) | # 00FA9A |
pirus sedang | rgb (72, 209, 204) | # 48D1CC |
ungu sedang | rgb (199, 21, 133) | #C71585 |
tengah malam | rgb (25, 25, 112) | #191970 |
krim mint | rgb (245, 255, 250) | # F5FFFA |
mawar merah | rgb (255, 228, 225) | # FFE4E1 |
sepatu sandal | rgb (255, 228, 181) | # FFE4B5 |
navajowhite | rgb (255, 222, 173) | #FFDEAD |
angkatan laut | rgb (0, 0, 128) | #000080 |
renda tua | rgb (253, 245, 230) | # FDF5E6 |
zaitun | rgb (128, 128, 0) | #808000 |
olivedrab | rgb (107, 142, 35) | # 6B8E23 |
jeruk | rgb (255, 165, 0) | # FFA500 |
oranger | rgb (255, 69, 0) | # FF4500 |
anggrek | rgb (218, 112, 214) | # DA70D6 |
palegoldenrod.dll | rgb (238, 232, 170) | # EEE8AA |
hijau pucat | rgb (152, 251, 152) | # 98FB98 |
pirus palet | rgb (175, 238, 238) | #AFEEEE |
pucat ungu | rgb (219, 112, 147) | # D87093 |
pepayawhip | rgb (255, 239, 213) | # FFEFD5 |
persik | rgb (255, 218, 185) | # FFDAB9 |
peru | rgb (205, 133, 63) | # CD853F |
berwarna merah muda | rgb (255, 192, 203) | # FFC0CB |
prem | rgb (221, 160, 221) | # DDA0DD |
bubuk biru | rgb (176, 224, 230) | # B0E0E6 |
ungu | rgb (128, 0, 128) | #800080 |
merah | rgb (255, 0, 0) | # FF0000 |
coklat kemerahan | rgb (188, 143, 143) | # BC8F8F |
royalblue | rgb (65, 105, 225) | # 4169E1 |
pelana | rgb (139, 69, 19) | # 8B4513 |
ikan salmon | rgb (250, 128, 114) | # FA8072 |
berpasir | rgb (244, 164, 96) | # F4A460 |
laut hijau | rgb (46, 139, 87) | # 2E8B57 |
kerang laut | rgb (255, 245, 238) | # FFF5EE |
sienna | rgb (160, 82, 45) | # A0522D |
perak | rgb (192, 192, 192) | # C0C0C0 |
langit biru | rgb (135, 206, 235) | # 87CEEB |
biru tua | rgb (106, 90, 205) | # 6A5ACD |
batu tulis | rgb (112, 128, 144) | #708090 |
batu tulis | rgb (112, 128, 144) | #708090 |
salju | rgb (255, 250, 250) | #FFFAFA |
musim semi hijau | rgb (0, 255, 127) | # 00FF7F |
baja biru | rgb (70, 130, 180) | # 4682B4 |
tan | rgb (210, 180, 140) | # D2B48C |
teal | rgb (0, 128, 128) | #008080 |
thistle | rgb (216, 191, 216) | # D8BFD8 |
tomat | rgb (255, 99, 71) | # FF6347 |
pirus | rgb (64, 224, 208) | # 40E0D0 |
violet | rgb (238, 130, 238) | # EE82EE |
gandum | rgb (245, 222, 179) | # F5DEB3 |
putih | rgb (255, 255, 255) | #FFFFFF |
asap putih | rgb (245, 245, 245) | # F5F5F5 |
kuning | rgb (255, 255, 0) | # FFFF00 |
kuning hijau | rgb (154, 205, 50) | # 9ACD32 |
Apakah Anda tahu lebih banyak kode warna? Kami mengundang Anda untuk memasukkannya ke dalam komentar untuk memperluas daftar.