99 Daftar Kode Warna HTML Web Desain HEX RGB Full color
Konten [Tampil]
99 Daftar Kode Warna HTML Web Desain HEX RGB Full color - Dalam membuat blog awal-awal memang perlu ekstra memilah dan memilih warna. Kenapa memilih warna sangat penting? Karena berkaitan dengan branding, identitas.
Contohnya warna yang dipakai blog Linimasaade lebih ke warna Light blue dan abu. Blog Linimasaade hanya menggunakan 3 warna sebagai identitas. Jadi untuk membuat sebuah konten harus ada 3 warna itu. Begitu juga teman Linimasaade yang ingin mencari warna yang cocok buat blognya.
Tipsnya menemukan warna yang tepat? Pastikan logonya sesuai dengan tema, identitasnya apa karena setiap warna punya makna tersendiri. Gunakan 3 warna. Jangan terlalu banyak memilih warna. Kalau berdasarkan kategori/ niche? Menurut pribadi ya ada beberapa warna yang menjadi dominan kategori tertentu. Warna kuning dan hijau biasanya digunakan untuk niche bisnis, personal, sekolah, pekerjaan, blog, keuangan, akademi dan lain-lain.
Psikologi Warna
Berdasarkan psikologi warna ada beberapa warna yang menggambarkan atau mempresentasikan sebuah brand.
1. Pink : Cinta, kasih sayang dan Perasaan.
2. Kuning: Menarik perhatian, senang, energik, anak muda dan ceria.
3. Hijau: Santai, alam, uang,bertumbuh, trust, profit dan hening.
4. Biru: Percaya diri, pintar, bebas, progres, dan kemanan.
5. Ungu: Kreatif, styilish, dan Menenangkan.
6. Hitam: Klasik dan elegan.
7. Orange: Hangat, energik,ramah, retro, agresif dan langsung (to do point).
8. Merah: Keberanian, kekuatan dan passion
9. Coklat: Hangat, rustic, furniture dan romantis.
Kode Warna HTML dan CSS RGB HEX
No | Nama Warna | HEX | RGB |
---|---|---|---|
1 | White | #ffffff | rgb (255,255,255) |
2 | Red | #ff0000 | rgb (255,0,0) |
3 | Sea Green | #2e8b57 | rgb (46,139,87) |
4 | Blue | #0000ff | rgb (0,0,255) |
5 | Silver | #c0c0c0 | rgb (192,192,192) |
6 | Magenta | #ff00ff | rgb (249, 0, 255) |
7 | Dim Gray | #696969 | rgb (105,105,105) |
8 | Yellow | #ffff00 | rgb (255,255,0) |
9 | Royal blue | #4169e1 | rgb (65,105,225) |
10 | Chocolate | #d2691e | rgb (210,105,30) |
11 | Olive | #808000 | rgb (128,128,1) |
12 | Gray | #808080 | rgb (128,128,128) |
13 | Yunani | #cc8891 | rgb (204,136,145) |
14 | Persia | #bf5e65 | rgb (191,94,101) |
15 | Korea | #5401db | rgb (84,13,27) |
16 | Alice white | #f0f8ff | rgb (240, 248, 254) |
17 | Violet | #ee82ee | rgb (238, 130, 238) |
18 | Hot pink | #ff69b4 | rgb (255, 105, 180) |
19 | Coral | #ff7f50 | rgb (255, 127, 80) |
20 | Brown | #a52a2a | rgb (165,42,42) |
21 | Khaki | #f0e68c | rgb (240, 230, 140) |
22 | Lemon Chiffon | #fffacd | rgb (255, 250, 205) |
23 | Dark salmon | #e9967a | rgb (233,150,122) |
24 | Lavender | #e6e6fa | rgb (230,230,250) |
25 | Orchid | #da70d6 | rgb (218,112,214) |
26 | Purple | #800080 | rgb (128,0,128) |
27 | Linen | #faf0e6 | rgb (250,240,230) |
28 | Lime | #00ff00 | rgb (63,255,0) |
30 | Turquoise | #40e0d0 | rgb (64,224,208) |
31 | Navy | #000080 | rgb (0,0,128) |
32 | Tan | #d2b48c | rgb (210,180,140) |
33 | Skyblue | #87ceeb | rgb (135,206,235) |
34 | Yellowgreen | #9acd32 | rgb (154,205,49) |
35 | Plum | #dda0dd | rgb (221, 160, 221) |
36 | Maroon | #800000 | rgb (128, 4, 0) |
37 | Azure | #f0ffff | rgb (239,255,255) |
38 | Teal | #008080 | rgb (26,128,127) |
39 | Royal blue | #4169e1 | rgb (65,105,225) |
40 | Nila | #4b0082 | rgb (75,0.130) |
41 | Sienna | #a0522d | rgb (160,82,45) |
42 | Dark Khaki | #bdb76b | rgb (189,183,107) |
43 | Orange | #ffa500 | rgb (255,159,53) |
44 | Fuchsia | #ff00ff | rgb (249,0,255) |
45 | Aquamarine | #7fffd4 | rgb (115, 255, 216) |
46 | Peru | #cd853f | rgb (205, 133, 63) |
47 | Pink Coral | #e77471 | rgb (231, 116, 113) |
48 | Charcoal | #34282c | rgb (255,255,255) |
49 | Platinum | #e5e4e2 | rgb (255,255,255) |
50 | Blue Jay | #2b547e | rgb (255,255,255) rgb (255,255,255) |
51 | Night blue | #151b54 | rgb (255,255,255) |
52 | Water | #ebf4fa | rgb (255,255,255) |
53 | Magic mint | #aaf0d1 | rgb (255,255,255) |
54 | Jade | #00a36c | rgb (255,255,255) |
55 | Ebony | #555d50 | rgb (255,255,255) |
56 | Tea Green | #ccfb5d | rgb (255,255,255) |
57 | Acid Green | #b0bf1a | rgb (255,255,255) |
58 | Golden Silk | #f3e3c3 | rgb (255,255,255) |
59 | Vanilla | #f3e5ab | rgb (255,255,255) |
60 | Gold | #ffd700 | rgb (255,255,255) |
61 | Safron | #f4c430 | rgb (255,255,255) |
62 | Cinnamon | #c58917 | rgb (197,137,23) |
63 | Gunmental | #2c3539 | rgb (44,53,57) |
64 | Army Green | #4b5320 | rgb (75,83,32) |
65 | Cream | #ffffcc | rgb (255,255,204) |
66 | Caramel | #c68e17 | rgb (198,142,2) |
67 | Bronze | #cd7f32 | rgb (205,127,50) |
68 | Wood | #4b5320 | rgb (150,111,51) |
69 | Rust | #c36241 | rgb (195,98,65) |
70 | Blue Koi | #659ec7 | rgb (197,137,23) |
71 | Denim Blue | #79baec | rgb (121,186,236) |
72 | Emerald | #50c878 | rgb (80,200,120) |
73 | Brass | #b5a642 | rgb (255,255,255) |
74 | Mocha | #493d26 | rgb ( 73,61,38) |
75 | Coffee | #6f4e37 | rgb (111,78,55) |
76 | Sepia | #7f462c | rgb (127,70,44) |
77 | Chesnut | #954535 | rgb (149,69,53) |
78 | Iridium | #3d3c3a | rgb (61,60,58 ) |
79 | Blue Gray | #98afc7 | rgb ( 152,175,199) |
80 | Samco Blue | #0002ff | rgb (0, 2, 255) |
81 | Deep Sea | #3b9c9c | rgb (59,156,156) |
82 | Lotus Green | #004225 | rgb (0,66,37) |
83 | Taupe | #483c32 | rgb (72,60,50) |
84 | Red dirt | #7f5217 | rgb (127,82,23) |
85 | Copper red |
#cb6d51 | rgb ( 203,109,81) |
86 | Tangerine | #e78a61 | rgb (231,138,97 |
87 | Midnight | #2b1b17 | rgb (43,27,23 |
88 | Puce | #7f5a58 | rgb (127,90,88) |
89 | Blush | #ffe6e8 | rgb (255,230,232) |
90 | Crimson | #dc143c | rgb (220,20,60) |
91 | Salmon | #fa8072 | rgb (250,128,114) |
92 | Neon pink | #F535aa | rgb (245,53,170) |
93 | Rasberry | #e30b5d | rgb (227,11,93) |
94 | Rosy | #a17188 | rgb (161,113,136) |
95 | Lilac | #c8a2c8 | rgb (200,162,200) |
96 | Rice | #faf5ef | rgb (75,83,32) |
97 | Snow | #c2b280 | rgb (255,250,250) |
98 | Sand | #c58917 | rgb (197,137,23) |
99 | Carbon red | #a70d2a | rgb (167,13,42) |
Teman Linimasaade sudah ketemu warna sesuai buat blogmu? Begitulah daftar kode html semoga bisa membantu dan memudahkan mencari warna untuk tampilan web.
waaah informatif sekali ini <3 sukaa~ makasih ya info kode warna dan namanya ;) bisa juga nih diajarin ke anak.
ReplyDeleteIya mbak bisa
DeleteAku kebayang nanti mau minta tolong ambilin kerudung suami nanti begini: "Mas tolong ambilin kerudung warna dark salmon yaa" eh yang datang kerudung warna puce! ekekekekke
ReplyDeletehahahah terlalu mbak
DeleteAakk, cakep nih, Mbak. Kebetulan saya lagi pengen utak-atik warna design blog tapi belum bisa karena kudu konsen banget (buat saya), selain itu masih bingung kode warna-warnanya.
ReplyDeleteLangsung garap mbak warnanya cantik-cantik kalau udahdi kombinasi.
DeleteSimpan duluu. Nyoba kombinasi warna kemudian wkwk
ReplyDeleteEmang suka bingung milih warna dan font buat blog. Pingin yang karakternya "aku" banget tapi belum ketemu
Betul banget.
Deletekalau anak desain kayaknya nyebut warna bukan pakai warna tapi kode deh yaa. hiihihi. jujur nih aku untuk blog nggak ngikutin teori warna gitu asal pilih aja padahal bagusnya pakai ilmu ya biar warnanya bagus
ReplyDelete
DeleteBener mbak.
Iya juga ya. Selama ini tuh aku nggak kepikiran soal warna buat identitas blogku sih. Kayak warna apa saja yang kupakai buat ilustrasi tuh bebas saja. yang penting enak aja dilihat.
ReplyDeleteTapi emang sih menurutku memilih warna sebagai tanda pengenal juga perlu. kayak brand provider telekomunikasi tuh udah erat banget sama warna masing-masing.
Iya mbak perlu 'warna' yang cocok ya.
ReplyDelete