Jika anda seorang pereka grafik, atau baru sahaja menyertai program penyuntingan imej, anda akan melihat a kotak yang membolehkan anda menukar warna, sama ada baldi cat, berus, huruf ... Apa yang mungkin membuatkan anda tertanya-tanya adalah hakikat bahawa, apabila anda memilih warna, ia kelihatan kod warna, tahu apa itu?
Jika anda pernah tertanya-tanya apa maksud kod huruf atau nombor tersebut, dan anda ingin mengetahui lebih lanjut mengenainya, maka kami membantu anda memahami kepentingan kod warna, sebab ia mencerminkan warna dan butiran lain yang ingin tahu.
Apakah kod warna
Kita boleh mentakrifkan kod warna sebagai a gamut warna di mana web boleh dipaparkan. Maksudnya, kemungkinan yang wujud, dalam palet kira-kira 216 warna, untuk menentukan bagaimana laman web akan kelihatan. Kod ini boleh berdasarkan tiga jenis sistem: RGB, HEX dan HSL (yang kedua kini tidak digunakan lagi).
Sebenarnya, tujuan kod warna adalah untuk berfungsi sebagai kod universal untuk semua penyemak imbas dengan cara yang, dengan kod tersebut, apa yang dicapai ialah menghasilkan semula nada yang sama, sama ada dalam Internet Explores, dalam Firefox Mozilla, dalam Google Chrome …
Anda mesti tahu itu komputer mampu membezakan sehingga 16 juta warna, jadi terdapat banyak kemungkinan untuk membuat laman web atau mengubah suai imej.
Jenis kod warna
Seperti yang telah kami beritahu anda sebelum ini, terdapat tiga jenis sistem:
- RGB. Ia adalah yang paling terkenal dan terdiri daripada tiga warna utama, merah, biru dan hijau, yang daripadanya, melalui gabungannya, selebihnya warna diperoleh. Bagi perwakilannya, ia berkisar antara 0 hingga 255 dan kod yang muncul terdiri daripada tiga angka yang dipisahkan dengan koma dan antara kurungan.
- Heksadesimal. Digunakan kebanyakannya dalam HTML dan CSS. Dalam kes ini, ia terdiri daripada kedua-dua angka dan huruf yang disusun sesama mereka untuk mendapatkan kod yang menentukan warna.
- HSL. Sudah tidak digunakan, ia berdasarkan penggunaan warna, ketepuan dan kecerahan apabila mencipta warna. Ia ditentukan oleh darjah dan peratusan (tiga angka dipisahkan dengan koma dan dalam kurungan).
Mengapa kod penting?
Sekarang anda tahu apa itu pengekodan warna, aplikasinya mudah difahami, kerana ia digunakan untuk menentukan kod yang diperlukan untuk warna tertentu untuk dipaparkan. Ini berfungsi, sebagai contoh, pada halaman web. Kod HTML adalah tersirat jika tapak web mempunyai latar belakang warna tertentu, jika fon berwarna merah, kuning, hijau, biru ..., dan banyak kegunaan lain.
Adakah anda faham mengapa ia penting? Sebagai contoh, bayangkan anda mempunyai tapak web dengan latar belakang merah. Dan anda mahu menukarnya kepada yang kosong. Jika anda tahu kod yang menentukan warna merah, menggunakan enjin carian dalam kod HTML anda akan mendapat tempat di mana warna ini ditunjukkan (dipautkan kepada warna latar belakang) dan anda boleh menukarnya dengan cepat. Tetapi bagaimana jika anda tidak memilikinya? Anda sepatutnya mencari sehingga anda menjumpai bahagian itu dan menguji untuk melihat kod yang hampir dengan perkara yang anda mahukan.
Oleh itu, kod warna membantu anda mempercepatkan kerja, serta dapat menggunakan warna semasa mereka bentuk tapak web, mengedit imej, dsb.
Senarai warna dan kodnya Perenambelasan dan RGB
Akhir sekali, kami ingin meninggalkan anda di bawah a jadual di mana anda boleh menemui kebanyakan warna yang wujud bersama kod perpuluhan (RGB) dan perenambelasan supaya jika pada bila-bila masa anda perlu menukar kod, anda boleh melakukannya dengan mudah tanpa perlu mencarinya dalam palet warna.
Label | Perpuluhan (R, G, B) | Perenambelasan |
---|---|---|
aliceblue | rgb (240, 248, 255) | # F0F8FF |
putih antik | rgb (250, 235, 215) | # FAEBD7 |
aqua | rgb (0, 255, 255) | # 00FFFF |
aquamarine | rgb (127, 255, 212) | # 7FFFD4 |
biru | rgb (240, 255, 255) | # F0FFFF |
beige | rgb (245, 245, 220) | # F5F5DC |
biskut | rgb (255, 228, 196) | # FFE4C4 |
hitam | rgb (0, 0, 0) | #000000 |
blanchedalmond | 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 lapis | rgb (222, 184, 135) | # DEB887 |
kadet biru | rgb (95, 158, 160) | # 5F9EA0 |
penggunaan carta | rgb (127, 255, 0) | # 7FFF00 |
coklat | rgb (210, 105, 30) | # D2691E |
batu karang | rgb (255, 127, 80) | # FF7F50 |
bunga jagung | rgb (100, 149, 237) | # 6495ED |
sutera jagung | rgb (255, 248, 220) | # FFF8DC |
lembayung | rgb (220, 20, 60) | # DC143C |
cyan | rgb (0, 255, 255) | # 00FFFF |
biru gelap | rgb (0, 0, 139) | # 00008B |
kegelapan | rgb (0, 139, 139) | # 008B8B |
darkgoldenrod | rgb (184, 134, 11) | # B8860B |
kelabu gelap | rgb (169, 169, 169) | # A9A9A9 |
hijau gelap | rgb (0, 100, 0) | #006400 |
kelabu gelap | rgb (169, 169, 169) | # A9A9A9 |
darkkhaki | rgb (189, 183, 107) | # BDB76B |
darkmagenta | rgb (139, 0, 139) | # 8B008B |
darkolivegreen | rgb (85, 107, 47) | # 556B2F |
jingga gelap | rgb (255, 140, 0) | # FF8C00 |
orkid gelap | rgb (153, 50, 204) | # 9932CC |
merah gelap | rgb (139, 0, 0) | #8B0000 |
darksalmon | rgb (233, 150, 122) | # E9967A |
hijau gelap | rgb (143, 188, 143) | # 8FBC8F |
darkslateblue | rgb (72, 61, 139) | # 483D8B |
darkslategray | rgb (47, 79, 79) | # 2F4F4F |
darkslategrey | rgb (47, 79, 79) | # 2F4F4F |
darkturquoise | rgb (0, 206, 209) | # 00CED1 |
darkviolet | rgb (148, 0, 211) | #9400D3 |
deeppink | rgb (255, 20, 147) | #FF1493 |
deepskyblue | rgb (0, 191, 255) | # 00BFFF |
dimgray | rgb (105, 105, 105) | #696969 |
dimgrey | rgb (105, 105, 105) | #696969 |
dodgeblue | rgb (30, 144, 255) | # 1E90FF |
batu api | rgb (178, 34, 34) | #B22222 |
putih bunga | 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 |
kelabu | rgb (128, 128, 128) | #808080 |
hijau | rgb (0, 128, 0) | #008000 |
hijau muda | rgb (173, 255, 47) | # ADFF2F |
kelabu | rgb (128, 128, 128) | #808080 |
tembikai susu | rgb (240, 255, 240) | # F0FFF0 |
hotpink | rgb (255, 105, 180) | # FF69B4 |
berketurunan india | rgb (205, 92, 92) | # CD5C5C |
nila | rgb (75, 0, 130) | #4B0082 |
gading | rgb (255, 255, 240) | # FFFFF0 |
khaki | rgb (240, 230, 140) | # F0E68C |
lavender | rgb (230, 230, 250) | # E6E6FA |
lavender blush | rgb (255, 240, 245) | # FFF0F5 |
hijau rumput | rgb (124, 252, 0) | # 7CFC00 |
lemonchiffon | rgb (255, 250, 205) | #FFFACD |
biru muda | rgb (173, 216, 230) | # ADD8E6 |
karang ringan | rgb (240, 128, 128) | #F08080 |
lightcyan | rgb (224, 255, 255) | # E0FFFF |
cahayagoldenrodyellow | rgb (250, 250, 210) | # FAFAD2 |
kelabu muda | rgb (211, 211, 211) | # D3D3D3 |
lampu hijau | rgb (144, 238, 144) | # 90EE90 |
kelabu cerah | rgb (211, 211, 211) | # D3D3D3 |
merah jambu cerah | rgb (255, 182, 193) | # FFB6C1 |
lightssalmon | rgb (255, 160, 122) | # FFA07A |
hijau muda | rgb (32, 178, 170) | # 20B2AA |
lampu terang | rgb (135, 206, 250) | # 87CEFA |
kelabu muda | rgb (119, 136, 153) | #778899 |
lightslategrey | rgb (119, 136, 153) | #778899 |
biru keluli terang | rgb (176, 196, 222) | # B0C4DE |
cahaya terang | 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 | rgb (128, 0, 0) | #800000 |
mediumquamarine | rgb (102, 205, 170) | # 66CDAA |
biru sederhana | rgb (0, 0, 205) | # 0000CD |
orkid sederhana | rgb (186, 85, 211) | # BA55D3 |
ungu sederhana | rgb (147, 112, 219) | #9370D8 |
hijau laut sederhana | rgb (60, 179, 113) | # 3CB371 |
mediumslateblue | rgb (123, 104, 238) | # 7B68EE |
mediumspringgreen | rgb (0, 250, 154) | # 00FA9A |
mediumturquoise | rgb (72, 209, 204) | # 48D1CC |
mediumvioletred | rgb (199, 21, 133) | #C71585 |
tengah malam | rgb (25, 25, 112) | #191970 |
krim pudina | rgb (245, 255, 250) | # F5FFFA |
mistyrose | rgb (255, 228, 225) | # FFE4E1 |
moccasin | rgb (255, 228, 181) | # FFE4B5 |
navajowhite | rgb (255, 222, 173) | #FFDEAD |
tentera laut | rgb (0, 0, 128) | #000080 |
oldlace | rgb (253, 245, 230) | # FDF5E6 |
zaitun | rgb (128, 128, 0) | #808000 |
olivedrab | rgb (107, 142, 35) | # 6B8E23 |
oren | rgb (255, 165, 0) | # FFA500 |
berjambang | rgb (255, 69, 0) | #FF4500 |
orkid | rgb (218, 112, 214) | # DA70D6 |
palegoldenrod | rgb (238, 232, 170) | # EEE8AA |
hijau pucat | rgb (152, 251, 152) | # 98FB98 |
pallet turquoise | rgb (175, 238, 238) | #AFEEEE |
berwarna pucat | rgb (219, 112, 147) | # D87093 |
surat khabar | rgb (255, 239, 213) | # FFEFD5 |
pic | rgb (255, 218, 185) | # FFDAB9 |
Peru | rgb (205, 133, 63) | # CD853F |
merah jambu | rgb (255, 192, 203) | # FFC0CB |
plum | rgb (221, 160, 221) | # DDA0DD |
serbuk serbuk | rgb (176, 224, 230) | # B0E0E6 |
ungu | rgb (128, 0, 128) | #800080 |
merah | rgb (255, 0, 0) | #FF0000 |
merah jambu | rgb (188, 143, 143) | # BC8F8F |
biru diraja | rgb (65, 105, 225) | # 4169E1 |
menyedihkan | rgb (139, 69, 19) | #8B4513 |
ikan salmon | rgb (250, 128, 114) | # FA8072 |
coklat berpasir | rgb (244, 164, 96) | # F4A460 |
laut hijau | rgb (46, 139, 87) | # 2E8B57 |
lokan | rgb (255, 245, 238) | # FFF5EE |
Sienna | rgb (160, 82, 45) | # A0522D |
perak | rgb (192, 192, 192) | # C0C0C0 |
skyblue | rgb (135, 206, 235) | # 87CEEB |
biru slate | rgb (106, 90, 205) | # 6A5ACD |
slategray | rgb (112, 128, 144) | #708090 |
slategrey | rgb (112, 128, 144) | #708090 |
salji | rgb (255, 250, 250) | #FFAFA |
hijau musim bunga | rgb (0, 255, 127) | # 00FF7F |
besi keluli | rgb (70, 130, 180) | #4682B4 |
tan | rgb (210, 180, 140) | # D2B48C |
teal | rgb (0, 128, 128) | #008080 |
thistle | rgb (216, 191, 216) | # D8BFD8 |
tomato | rgb (255, 99, 71) | #FF6347 |
biru | rgb (64, 224, 208) | # 40E0D0 |
ungu | 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 |
Adakah anda tahu lebih banyak kod warna? Kami menjemput anda untuk meletakkannya dalam ulasan untuk mengembangkan senarai.