kode HTML/ CSS untuk desain lengkap berdasarkan kode hexadecimal dan
kode RGB. Referensi kode warna dibawah berdasarkan sumber dari w3schools dan saya tambahkan dengan kode RGB yang bisa sahabat gunakan.
HTML/ CSS untuk desain lengkap berdasarkan kode hexadecimal dan kode RGB. Referensi kode warna dibawah yang sahabat gunakan bisa di cek langsung, warna dengan menampilkan text berikut.
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-uqt4{background-color:#F0F8FF;text-align:left;vertical-align:top}
.tg .tg-b311{background-color:#7FFFD4;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-x9zr{background-color:#FAEBD7;text-align:left;vertical-align:top}
.tg .tg-t978{background-color:#0FF;text-align:left;vertical-align:top}
.tg .tg-wo0m{background-color:#F0FFFF;text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | 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) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-qd2a{background-color:#A52A2A;text-align:left;vertical-align:top}
.tg .tg-s3am{background-color:#8A2BE2;text-align:left;vertical-align:top}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-tv4n{background-color:#F5F5DC;text-align:left;vertical-align:top}
.tg .tg-rk2m{background-color:#DEB887;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-6bnw{background-color:#FFE4C4;text-align:left;vertical-align:top}
.tg .tg-t978{background-color:#0FF;text-align:left;vertical-align:top}
.tg .tg-xai2{background-color:#FFEBCD;text-align:left;vertical-align:top}
.tg .tg-ib1m{background-color:#00F;text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| 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) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-p70i{background-color:#DC143C;text-align:left;vertical-align:top}
.tg .tg-0ygz{background-color:#FFF8DC;text-align:left;vertical-align:top}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-f0xx{background-color:#7FFF00;text-align:left;vertical-align:top}
.tg .tg-p8qj{background-color:#6495ED;text-align:left;vertical-align:top}
.tg .tg-o0a0{background-color:#5F9EA0;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-k8j5{background-color:#D2691E;text-align:left;vertical-align:top}
.tg .tg-r8ja{background-color:#FF7F50;text-align:left;vertical-align:top}
.tg .tg-t978{background-color:#0FF;text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| 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) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-o07g{background-color:#A9A9A9;text-align:left;vertical-align:top}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-2rxn{background-color:#696969;text-align:left;vertical-align:top}
.tg .tg-600a{background-color:#9400D3;text-align:left;vertical-align:top}
.tg .tg-g7l1{background-color:#00CED1;text-align:left;vertical-align:top}
.tg .tg-6a9i{background-color:#00008B;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-u8cg{background-color:#008B8B;text-align:left;vertical-align:top}
.tg .tg-xos2{background-color:#B8860B;text-align:left;vertical-align:top}
.tg .tg-0kyy{background-color:#006400;text-align:left;vertical-align:top}
.tg .tg-yaj3{background-color:#BDB76B;text-align:left;vertical-align:top}
.tg .tg-pnpc{background-color:#8B008B;text-align:left;vertical-align:top}
.tg .tg-rur0{background-color:#556B2F;text-align:left;vertical-align:top}
.tg .tg-27dj{background-color:#FF8C00;text-align:left;vertical-align:top}
.tg .tg-rotn{background-color:#9932CC;text-align:left;vertical-align:top}
.tg .tg-rzhy{background-color:#8B0000;text-align:left;vertical-align:top}
.tg .tg-jgh3{background-color:#E9967A;text-align:left;vertical-align:top}
.tg .tg-6k6h{background-color:#8FBC8F;text-align:left;vertical-align:top}
.tg .tg-btaj{background-color:#483D8B;text-align:left;vertical-align:top}
.tg .tg-74pw{background-color:#2F4F4F;text-align:left;vertical-align:top}
.tg .tg-9e4p{background-color:#FF1493;text-align:left;vertical-align:top}
.tg .tg-jnlc{background-color:#00BFFF;text-align:left;vertical-align:top}
.tg .tg-utxz{background-color:#1E90FF;text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| 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) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-zn38{background-color:#B22222;text-align:left;vertical-align:top}
.tg .tg-jl73{background-color:#FFFAF0;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-9r3q{background-color:#228B22;text-align:left;vertical-align:top}
.tg .tg-9vsw{background-color:#F0F;text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| 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) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-xb0d{background-color:#ADFF2F;text-align:left;vertical-align:top}
.tg .tg-5v74{background-color:#F8F8FF;text-align:left;vertical-align:top}
.tg .tg-m545{background-color:#DAA520;text-align:left;vertical-align:top}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-88c7{background-color:#DCDCDC;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-blfj{background-color:#FFD700;text-align:left;vertical-align:top}
.tg .tg-x6l0{background-color:#808080;text-align:left;vertical-align:top}
.tg .tg-73c4{background-color:#008000;text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| 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) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-tq9s{background-color:#F0FFF0;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-4dc1{background-color:#FF69B4;text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| Honey Dew | #F0FFF0 | rgb(240, 255, 240) | |
| Hot Pink | #FF69B4 | rgb(240, 255, 240) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-t6fg{background-color:#4B0082;text-align:left;vertical-align:top}
.tg .tg-qcvr{background-color:#CD5C5C;text-align:left;vertical-align:top}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-qyqy{background-color:#FFFFF0;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| Indian Red | #CD5C5C | rgb(205, 92, 92) | |
| Indigo | #4B0082 | rgb(75, 0, 130) | |
| Ivory | #FFFFF0 | rgb(255, 255, 239) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-z40e{background-color:#F0E68C;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| Khaki | #F0E68C | rgb(240, 230, 140) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-9ojm{background-color:#0F0;text-align:left;vertical-align:top}
.tg .tg-405i{background-color:#90EE90;text-align:left;vertical-align:top}
.tg .tg-yee3{background-color:#FFF0F5;text-align:left;vertical-align:top}
.tg .tg-r2gg{background-color:#FAFAD2;text-align:left;vertical-align:top}
.tg .tg-p8pe{background-color:#FFB6C1;text-align:left;vertical-align:top}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-5jwa{background-color:#F08080;text-align:left;vertical-align:top}
.tg .tg-j6i1{background-color:#E0FFFF;text-align:left;vertical-align:top}
.tg .tg-ayt4{background-color:#FFFACD;text-align:left;vertical-align:top}
.tg .tg-fn3d{background-color:#E6E6FA;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-qlpx{background-color:#7CFC00;text-align:left;vertical-align:top}
.tg .tg-m7v8{background-color:#ADD8E6;text-align:left;vertical-align:top}
.tg .tg-a2l5{background-color:#D3D3D3;text-align:left;vertical-align:top}
.tg .tg-xgqt{background-color:#FFA07A;text-align:left;vertical-align:top}
.tg .tg-guwq{background-color:#20B2AA;text-align:left;vertical-align:top}
.tg .tg-713c{background-color:#87CEFA;text-align:left;vertical-align:top}
.tg .tg-5pb0{background-color:#789;text-align:left;vertical-align:top}
.tg .tg-5w8c{background-color:#B0C4DE;text-align:left;vertical-align:top}
.tg .tg-p3vb{background-color:#FFFFE0;text-align:left;vertical-align:top}
.tg .tg-jyqz{background-color:#32CD32;text-align:left;vertical-align:top}
.tg .tg-yv36{background-color:#FAF0E6;text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| 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) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-7teb{background-color:#0000CD;text-align:left;vertical-align:top}
.tg .tg-795d{background-color:#00FA9A;text-align:left;vertical-align:top}
.tg .tg-cnk6{background-color:#BA55D3;text-align:left;vertical-align:top}
.tg .tg-i8kj{background-color:#48D1CC;text-align:left;vertical-align:top}
.tg .tg-nent{background-color:#3CB371;text-align:left;vertical-align:top}
.tg .tg-yf2q{background-color:#FFE4B5;text-align:left;vertical-align:top}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-h2gz{background-color:#9370DB;text-align:left;vertical-align:top}
.tg .tg-j293{background-color:#7B68EE;text-align:left;vertical-align:top}
.tg .tg-9vsw{background-color:#F0F;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-32ck{background-color:#800000;text-align:left;vertical-align:top}
.tg .tg-hiq5{background-color:#66CDAA;text-align:left;vertical-align:top}
.tg .tg-8vlt{background-color:#C71585;text-align:left;vertical-align:top}
.tg .tg-5lbp{background-color:#191970;text-align:left;vertical-align:top}
.tg .tg-eknq{background-color:#F5FFFA;text-align:left;vertical-align:top}
.tg .tg-wkiv{background-color:#FFE4E1;text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| 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) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-pdww{background-color:#FFDEAD;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-490k{background-color:#000080;text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| Navajo White | #FFDEAD | rgb(254, 222, 173) | |
| Navy | #000080 | rgb(0, 0, 128) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-ajei{background-color:#6B8E23;text-align:left;vertical-align:top}
.tg .tg-ebe2{background-color:#FDF5E6;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-1jmk{background-color:#808000;text-align:left;vertical-align:top}
.tg .tg-zmyo{background-color:#FFA500;text-align:left;vertical-align:top}
.tg .tg-xlvx{background-color:#FF4500;text-align:left;vertical-align:top}
.tg .tg-cn90{background-color:#DA70D6;text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| 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) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-mzds{background-color:#FFDAB9;text-align:left;vertical-align:top}
.tg .tg-0zhd{background-color:#EEE8AA;text-align:left;vertical-align:top}
.tg .tg-39uw{background-color:#FFC0CB;text-align:left;vertical-align:top}
.tg .tg-11j6{background-color:#FFEFD5;text-align:left;vertical-align:top}
.tg .tg-9143{background-color:#CD853F;text-align:left;vertical-align:top}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-oxqb{background-color:#DB7093;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-xe5i{background-color:#98FB98;text-align:left;vertical-align:top}
.tg .tg-4ynl{background-color:#AFEEEE;text-align:left;vertical-align:top}
.tg .tg-7pgb{background-color:#DDA0DD;text-align:left;vertical-align:top}
.tg .tg-g0l2{background-color:#B0E0E6;text-align:left;vertical-align:top}
.tg .tg-ypb0{background-color:#800080;text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| 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) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-tqfr{background-color:#BC8F8F;text-align:left;vertical-align:top}
.tg .tg-om0w{background-color:#639;text-align:left;vertical-align:top}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-dr2g{background-color:#4169E1;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-6y22{background-color:#F00;text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| 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) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-w4ft{background-color:#F4A460;text-align:left;vertical-align:top}
.tg .tg-qyna{background-color:#4682B4;text-align:left;vertical-align:top}
.tg .tg-tot2{background-color:#A0522D;text-align:left;vertical-align:top}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-9qti{background-color:#FA8072;text-align:left;vertical-align:top}
.tg .tg-q5b9{background-color:#FFF5EE;text-align:left;vertical-align:top}
.tg .tg-7htl{background-color:#8B4513;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-i9fv{background-color:#2E8B57;text-align:left;vertical-align:top}
.tg .tg-byb7{background-color:#C0C0C0;text-align:left;vertical-align:top}
.tg .tg-2acq{background-color:#87CEEB;text-align:left;vertical-align:top}
.tg .tg-iv44{background-color:#6A5ACD;text-align:left;vertical-align:top}
.tg .tg-5bf8{background-color:#708090;text-align:left;vertical-align:top}
.tg .tg-39eq{background-color:#FFFAFA;text-align:left;vertical-align:top}
.tg .tg-xlob{background-color:#00FF7F;text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| 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) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-ggwk{background-color:#FF6347;text-align:left;vertical-align:top}
.tg .tg-8m0x{background-color:#40E0D0;text-align:left;vertical-align:top}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-nhmx{background-color:#D2B48C;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-2qak{background-color:#008080;text-align:left;vertical-align:top}
.tg .tg-3mfs{background-color:#D8BFD8;text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| 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) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-ukh2{background-color:#EE82EE;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| Violet | #EE82EE | rgb(238, 130, 238) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-n353{background-color:#F5F5F5;text-align:left;vertical-align:top}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-yhm5{background-color:#F5DEB3;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-ktyi{background-color:#FFF;text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| Wheat | #F5DEB3 | rgb(245, 222, 179) | |
| White | #FFFFFF | rgb(255, 255, 255) | |
| White Smoke | #F5F5F5 | rgb(245, 245, 245) |
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-hw7o{background-color:#FF0;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-sx90{background-color:#9ACD32;text-align:left;vertical-align:top}
| Warna | Nama Warna | HEX | RGB |
|---|---|---|---|
| Yellow | #FFFF00 | rgb(255, 255, 0) | |
| Yellow Green | #9ACD32 | rgb(154, 205, 49) |
