Apa Itu RGB ?
RGB adalah kode warna yang terdiri dari tiga bagian angka. Ketiga bagian tersebut tepisah oleh tanda koma. Contohnya rgb(251,235,217). Setiap kode digitnya melambangkan warna red(merah), green(hijau), dan blue(biru) atau #RRGGBB. Mengapa harus warna merah, hijau, biru ? Mengapa tidak menggunakan warna lain.
Alasannya adalah ketiga warna tersebut merupakan warna primer yang umum digunakan pada layar komputer. Selain itu, ketiga warna tersebut juga merupakan kombinasi yang mampu membuat hingga lebih dari 16 juta warna. Selain warna RGB, ada juga warna HEX atau Hexadecimal.
Apa Itu HEX ?
HEX adalah tipe kode warna yang diawali dengan tanda #. Kamu pasti sering melihat seseorang menggunakan warna Hex untuk melakukan pewarnaan. Contohnya seperti kode #FF0000 dan #FFFFFF. Sebenarnya tidak ada perbedaan antara warna HEX dengan warna RGB, selain jumlah digitnya. Kamu bisa menggunakan kedua jenis warna tersebut dalam pewarnaan. Berikut ini adalah kode kode warna yang bisa kamu gunakan.
| Hasil Warna | Nama Warna | Kode warna HEX | Kode Warna RGB |
|---|---|---|---|
|
.
|
Alice Blue | #F0F8FF | rgb(240, 248, 254) |
|
.
|
Antique White | #FAEBD7 | rgb(251, 235, 217) |
|
.
|
Aqua | #00FFFF | rgb(0, 255, 254) |
|
.
|
Aquamarine | #7FFFD4 | rgb(115, 255, 216) |
|
.
|
Azure | #F0FFFF | rgb(239, 255, 255) |
|
.
|
Beige | #F5F5DC | rgb(245, 245, 223) |
|
.
|
Bisque | #FFE4C4 | rgb(255, 227, 200) |
|
.
|
Black | #000000 | rgb(0, 0, 0) |
|
.
|
Blanched Almond | #FFEBCD | rgb(255, 234, 208) |
|
.
|
Blue | #0000FF | rgb(0, 0, 255) |
|
.
|
Blue Violet | #8A2BE2 | rgb(138, 43, 226) |
|
.
|
Brown | #A52A2A | rgb(165, 42, 42) |
|
.
|
Burly Wood | #DEB887 | rgb(222, 184, 135) |
|
.
|
Cadet Blue | #5F9EA0 | rgb(95, 158, 160) |
|
.
|
Chartreuse | #7FFF00 | rgb(127, 255, 1) |
|
.
|
Chocolate | #D2691E | rgb(210, 105, 30) |
|
.
|
Coral | #FF7F50 | rgb(251, 127, 80) |
|
.
|
Cornflower Blue | #6495ED | rgb(100, 149, 237) |
|
.
|
Cornsilk | #FFF8DC | rgb(225, 248, 220) |
|
.
|
Crimson | #DC143C | rgb(220, 20, 60) |
|
.
|
Cyan | #00FFFF | rgb(62, 254, 255) |
|
.
|
Dark Blue | #00008B | rgb(0, 0, 139) |
|
.
|
Dark Cyan | #008B8B | rgb(29, 139, 139) |
|
.
|
Dark Golden Rod | #B8860B | rgb(184, 134, 11) |
|
.
|
Dark Gray | #A9A9A9 | rgb(169, 169, 169) |
|
.
|
Dark Green | #006400 | rgb(19, 100, 0) |
|
.
|
Dark Khaki | #BDB76B | rgb(189, 183, 107) |
|
.
|
Dark Magenta | #8B008B | rgb(139, 0, 140) |
|
.
|
Dark Olive Green | #556B2F | rgb(85, 107, 47) |
|
.
|
Dark Orange | #FF8C00 | rgb(251, 140, 1) |
|
.
|
Dark Orchid | #9932CC | rgb(153, 50, 204) |
|
.
|
Dark Red | #8B0000 | rgb(139, 5, 0) |
|
.
|
Dark Salmon | #E9967A | rgb(233, 150, 122) |
|
.
|
Dark Sea Green | #8FBC8F | rgb(143, 188, 144) |
|
.
|
Dark Slate Blue | #483D8B | rgb(72, 61, 139) |
|
.
|
Dark Slate Gray | #2F4F4F | rgb(47, 79, 79) |
|
.
|
Dark Turquoise | #00CED1 | rgb(48, 206, 209) |
|
.
|
Dark Violet | #9400D3 | rgb(148, 0, 211) |
|
.
|
Deep Pink | #FF1493 | rgb(249, 19, 147) |
|
.
|
Deep Sky Blue | #00BFFF | rgb(43, 191, 254) |
|
.
|
Dim Gray | #696969 | rgb(105, 105, 105) |
|
.
|
Dodger Blue | #1E90FF | rgb(30, 144, 255) |
|
.
|
Fire Brick | #B22222 | rgb(178, 34, 33) |
|
.
|
Floral White | #FFFAF0 | rgb(255, 250, 240) |
|
.
|
Forest Green | #228B22 | rgb(34, 139, 35) |
|
.
|
Fuchsia | #FF00FF | rgb(249, 0, 255) |
|
.
|
Gainsboro | #DCDCDC | rgb(220, 220, 220) |
|
.
|
Ghost White | #F8F8FF | rgb(248, 248, 255) |
|
.
|
Gold | #FFD700 | rgb(253, 215, 3) |
|
.
|
Golden Rod | #DAA520 | rgb(218, 165, 32) |
|
.
|
Gray | #808080 | rgb(128, 128, 128) |
|
.
|
Green | #008000 | rgb(27, 128, 1) |
|
.
|
Green Yellow | #ADFF2F | rgb(173, 255, 48) |
|
.
|
Honey Dew | #F0FFF0 | rgb(240, 255, 240) |
|
.
|
Hot Pink | #FF69B4 | rgb(240, 255, 240) |
|
.
|
Indian Red | #CD5C5C | rgb(205, 92, 92) |
|
.
|
Indigo | #4B0082 | rgb(75, 0, 130) |
|
.
|
Ivory | #FFFFF0 | rgb(255, 255, 239) |
|
.
|
Khaki | #F0E68C | rgb(240, 230, 140) |
|
.
|
Lavender | #E6E6FA | rgb(230, 230, 250) |
|
.
|
Lavender Blush | #FFF0F5 | rgb(254, 240, 245) |
|
.
|
Lawn Green | #7CFC00 | rgb(124, 252, 2) |
|
.
|
Lemon Chiffon | #FFFACD | rgb(255, 250, 205) |
|
.
|
Light Blue | #ADD8E6 | rgb(173, 216, 230) |
|
.
|
Light Coral | #F08080 | rgb(240, 128, 128) |
|
.
|
Light Cyan | #E0FFFF | rgb(224, 255, 255) |
|
.
|
Light Golden Rod Yellow | #FAFAD2 | rgb(250, 250, 210) |
|
.
|
Light Gray | #D3D3D3 | rgb(211, 211, 211) |
|
.
|
Light Green | #90EE90 | rgb(144, 238, 144) |
|
.
|
Light Pink | #FFB6C1 | rgb(252, 182, 193) |
|
.
|
Light Salmon | #FFA07A | rgb(251, 160, 122) |
|
.
|
Light Sea Green | #20B2AA | rgb(40, 178, 170) |
|
.
|
Light Sky Blue | #87CEFA | rgb(135, 206, 250) |
|
.
|
Light Slate Gray | #778899 | rgb(119, 136, 153) |
|
.
|
Light Steel Blue | #B0C4DE | rgb(176, 196, 222) |
|
.
|
Light Yellow | #FFFFE0 | rgb(255, 255, 224) |
|
.
|
Lime | #00FF00 | rgb(63, 255, 0) |
|
.
|
Lime Green | #32CD32 | rgb(50, 205, 50) |
|
.
|
Linen | #FAF0E6 | rgb(250, 240, 230) |
|
.
|
Magenta | #FF00FF | rgb(249, 0, 255) |
|
.
|
Maroon | #800000 | rgb(128, 4, 0) |
|
.
|
Medium Aqua Marine | #66CDAA | rgb(102, 205, 170) |
|
.
|
Medium Blue | #0000CD | rgb(0, 0, 205) |
|
.
|
Medium Orchid | #BA55D3 | rgb(186, 85, 211) |
|
.
|
Medium Purple | #9370DB | rgb(147, 112, 219) |
|
.
|
Medium Sea Green | #3CB371 | rgb(60, 179, 113) |
|
.
|
Medium Slate Blue | #7B68EE | rgb(123, 103, 238) |
|
.
|
Medium Spring Green | #00FA9A | rgb(62, 250, 153) |
|
.
|
Medium Turquoise | #48D1CC | rgb(72, 209, 204) |
|
.
|
Medium Violet Red | #C71585 | rgb(199, 21, 133) |
|
.
|
Midnight Blue | #191970 | rgb(25, 25, 112) |
|
.
|
Mint Cream | #F5FFFA | rgb(245, 255, 250) |
|
.
|
Misty Rose | #FFE4E1 | rgb(254, 228, 225) |
|
.
|
Moccasin | #FFE4B5 | rgb(254, 228, 181) |
|
.
|
Navajo White | #FFDEAD | rgb(254, 222, 173) |
|
.
|
Navy | #000080 | rgb(0, 0, 128) |
|
.
|
Old Lace | #FDF5E6 | rgb(253, 245, 230) |
|
.
|
Olive | #808000 | rgb(128, 128, 1) |
|
.
|
Olive Drab | #6B8E23 | rgb(107, 142, 35) |
|
.
|
Orange | #FFA500 | rgb(252, 165, 3) |
|
.
|
Orange Red | #FF4500 | rgb(250, 69, 1) |
|
.
|
Orchid | #DA70D6 | rgb(218, 112, 214) |
|
.
|
Pale Golden Rod | #EEE8AA | rgb(238, 232, 170) |
|
.
|
Pale Green | #98FB98 | rgb(152, 251, 153) |
|
.
|
Pale Turquoise | #AFEEEE | rgb(175, 238, 239) |
|
.
|
Pale Violet Red | #DB7093 | rgb(219, 112, 147) |
|
.
|
Papaya Whip | #FFEFD5 | rgb(254, 239, 213) |
|
.
|
Peach Puff | #FFDAB9 | rgb(253, 218, 185) |
|
.
|
Peru | #CD853F | rgb(205, 133, 63) |
|
.
|
Pink | #FFC0CB | rgb(252, 192, 203) |
|
.
|
Plum | #DDA0DD | rgb(221, 160, 221) |
|
.
|
Powder Blue | #B0E0E6 | rgb(176, 224, 230) |
|
.
|
Purple | #800080 | rgb(128, 0, 128) |
|
.
|
Rebecca Purple | #663399 | rgb(102, 51, 153) |
|
.
|
Red | #FF0000 | rgb(255, 0, 0) |
|
.
|
Rosy Brown | #BC8F8F | rgb(188, 143, 142) |
|
.
|
Royal Blue | #4169E1 | rgb(65, 105, 225) |
|
.
|
Saddle Brown | #8B4513 | rgb(139, 69, 19) |
|
.
|
Salmon | #FA8072 | rgb(250, 128, 114) |
|
.
|
Sandy Brown | #F4A460 | rgb(244, 164, 95) |
|
.
|
Sea Green | #2E8B57 | rgb(46, 139, 87) |
|
.
|
Sea Shell | #FFF5EE | rgb(255, 245, 238) |
|
.
|
Sienna | #A0522D | rgb(160, 82, 45) |
|
.
|
Silver | #C0C0C0 | rgb(192, 192, 192) |
|
.
|
Sky Blue | #87CEEB | rgb(135, 206, 235) |
|
.
|
Slate Blue | #6A5ACD | rgb(106, 90, 205) |
|
.
|
Slate Gray | #708090 | rgb(112, 128, 145) |
|
.
|
Snow | #FFFAFA | rgb(255, 250, 250) |
|
.
|
Spring Green | #00FF7F | rgb(63, 255, 128) |
|
.
|
Steel Blue | #4682B4 | rgb(70, 130, 180) |
|
.
|
Tan | #D2B48C | rgb(210, 180, 140) |
|
.
|
Teal | #008080 | rgb(26, 128, 127) |
|
.
|
Thistle | #D8BFD8 | rgb(216, 191, 216) |
|
.
|
Tomato | #FF6347 | rgb(250, 99, 71) |
|
.
|
Turquoise | #40E0D0 | rgb(64, 224, 208) |
|
.
|
Violet | #EE82EE | rgb(238, 130, 238) |
|
.
|
Wheat | #F5DEB3 | rgb(245, 222, 179) |
|
.
|
White | #FFFFFF | rgb(255, 255, 255) |
|
.
|
White Smoke | #F5F5F5 | rgb(245, 245, 245) |
|
.
|
Yellow | #FFFF00 | rgb(255, 255, 0) |
|
.
|
Yellow Green | #9ACD32 | rgb(154, 205, 49) |