Kode Warna Aesthetic HTML Lengkap Full Color 2024

Selasa, 7 Maret 2023 | 22:56 WIB

Kode Warna Aesthetic – Kalian tentunya pernah mendengar istilah aesthetic, artinya adalah estetika atau sering disebut keindahan. Warna aesthetic berarti warna yang indah serta memiliki penilaian bagus, tak heran jika istilahnya sering dipakai anak muda masa kini.

Kode warna aesthetic mampu membuat tampilan konten lebih optimal sehingga tampak sangat berseni serta artistik. Penggunaanya seperti pada APLIKASI CAT RUMAH, ataupun sosial media demi untuk mendapatkan tampilan terbaik dan keninian.

Daftar Isi

Kode Warna Aesthetic CSS & HTML Lengkap Full Color

Dengan kode warna tertentu akan membuat sebuah konten, objek ataupun logo jauh lebih hidup. Kamu bahkan dapat membangun suasana tertentu misalnya memakai kode warna soft, pastel, pink ataupun masih banyak lainnya. Menggunakan kode warna aesthetic pastinya akan membuat nyaman penonton.

Selain digunakan untuk konten ataupun logo, kode warna HTML dan CSS juga mampu membuat tampilan website kalian jauh lebih menarik. Tentunya dengan kode warna aesthetic juga menambah kesan nyaman dimata dan tidak membosankan.

Kombinasi kode warna aesthetic juga dapat dipakai pada berbagai jenis projek mulai foto, video, arsitektur, grafis, percetakan dan banyak lainnya. Lebih lengkapnnya gsmtrik.id sudah merangkum kode warna aesthetic berikut ini.

Warna	Kode Warna HTML	Kode Warna RGB
	#000000	0,0,0
	#000080	0,0,128
	#00008B	0,0,139
	#0000CD	0,0,205
	#0000FF	0,0,255
	#006400	19,100,0
	#008000	27,128,1
	#008080	26,128,127
	#008B8B	29,139,139
	#00BFFF	43,191,254
	#00CED1	48,206,209
	#00FA9A	62,250,153
	#00FF00	63,255,0
	#00FF7F	63,255,128
	#00FFFF	0,255,254
	#00FFFF	62,254,255
	#191970	25,25,112
	#1E90FF	30,144,255
	#20B2AA	40,178,170
	#228B22	34,139,35
	#2E8B57	46,139,87
	#2F4F4F	47,79,79
	#32CD32	50,205,50
	#3CB371	60,179,113
	#40E0D0	64,224,208
	#4169E1	65,105,225
	#4682B4	70,130,180
	#483D8B	72,61,139
	#48D1CC	72,209,204
	#4B0082	75,0,130
	#556B2F	85,107,47
	#5F9EA0	95,158,160
	#6495ED	100,149,237
	#663399	102,51,153
	#66CDAA	102,205,170
	#696969	105,105,105
	#6A5ACD	106,90,205
	#6B8E23	107,142,35
	#708090	112,128,145
	#778899	119,136,153
	#7B68EE	123,103,238
	#7CFC00	124,252,2
	#7FFF00	127,255,1
	#7FFFD4	115,255,216
	#800000	128,4,0
	#800080	128,0,128
	#808000	128,128,1
	#808080	128,128,128
	#87CEEB	135,206,235
	#87CEFA	135,206,250
	#8A2BE2	138,43,226
	#8B0000	139,5,0
	#8B008B	139,0,140
	#8B4513	139,69,19
	#8FBC8F	143,188,144
	#90EE90	144,238,144
	#9370DB	147,112,219
	#9400D3	148,0,211
	#98FB98	152,251,153
	#9932CC	153,50,204
	#9ACD32	154,205,49
	#A0522D	160,82,45
	#A52A2A	165,42,42
	#A9A9A9	169,169,169
	#ADD8E6	173,216,230
	#ADFF2F	173,255,48
	#AFEEEE	175,238,239
	#B0C4DE	176,196,222
	#B0E0E6	176,224,230
	#B22222	178,34,33
	#B8860B	184,134,11
	#BA55D3	186,85,211
	#BC8F8F	188,143,142
	#BDB76B	189,183,107
	#C0C0C0	192,192,192
	#C71585	199,21,133
	#CD5C5C	205,92,92
	#CD853F	205,133,63
	#D2691E	210,105,30
	#D2B48C	210,180,140
	#D3D3D3	211,211,211
	#D8BFD8	216,191,216
	#DA70D6	218,112,214
	#DAA520	218,165,32
	#DB7093	219,112,147
	#DC143C	220,20,60
	#DCDCDC	220,220,220
	#DDA0DD	221,160,221
	#DEB887	222,184,135
	#E0FFFF	224,255,255
	#E6E6FA	230,230,250
	#E9967A	233,150,122
	#EE82EE	238,130,238
	#EEE8AA	238,232,170
	#F08080	240,128,128
	#F0E68C	240,230,140
	#F0F8FF	240,248,254
	#F0FFF0	240,255,240
	#F0FFFF	239,255,255
	#F4A460	244,164,95
	#F5DEB3	245,222,179
	#F5F5DC	245,245,223
	#F5F5F5	245,245,245
	#F5FFFA	245,255,250
	#F8F8FF	248,248,255
	#FA8072	250,128,114
	#FAEBD7	251,235,217
	#FAF0E6	250,240,230
	#FAFAD2	250,250,210
	#FDF5E6	253,245,230
	#FF0000	255,0,0
	#FF00FF	249,0,255
	#FF00FF	249,0,255
	#FF1493	249,19,147
	#FF4500	250,69,1
	#FF6347	250,99,71
	#FF69B4	240,255,240
	#FF7F50	251,127,80
	#FF8C00	251,140,1
	#FFA07A	251,160,122
	#FFA500	252,165,3
	#FFB6C1	252,182,193
	#FFC0CB	252,192,203
	#FFD700	253,215,3
	#FFDAB9	253,218,185
	#FFDEAD	254,222,173
	#FFE4B5	254,228,181
	#FFE4C4	255,227,200
	#FFE4E1	254,228,225
	#FFEBCD	255,234,208
	#FFEFD5	254,239,213
	#FFF0F5	254,240,245
	#FFF5EE	255,245,238
	#FFF8DC	225,248,220
	#FFFACD	255,250,205
	#FFFAF0	255,250,240
	#FFFAFA	255,250,250
	#FFFF00	255,255,0
	#FFFFE0	255,255,224
	#FFFFF0	255,255,239
	#FFFFFF	255,255,255

Kode Warna Soft

Berikutnya adalah kode warna soft atau lembut dimana dapat dimanfaatkan untuk mendapatkan tampilan yang lebih nyaman dimata. Kalian bisa memakainya untuk membuat logo, background website bahkan diaplikasikan untuk cat rumah.

Warna	Kode Warna	RGB
	#475c6c	(71,92,108)
	#8a8583	(138,133,131)
	#eed7a1	(238,215,161)
	#f7efd2	(247,239,210)
	#cd8b62	(205,139,98)

Kode Warna Pastel

Warna pastel merupakan skema dari warna polos dengan ciri khas cerah dan mudah tapi lembut ketika dilihat mata. Terdapat beberapa jenis warna pastel yang trend misalnya pink, hijau ataupun biru. Pastel sudah hadir semenjak abad 18 dan masih relevan sampai saat ini.

Warna	Kode	RGB
	#ffb3ba	(255,179,186)
	#ffdfba	(255,223,186)
	#ffffba	(255,255,186)
	#baffc9	(186,255,201)
	#bae1ff	(186,225,255)

Kode Warna Aesthetic Photoshop

Kemudian terdapat kode warna aesthetic Photoshop dimana sering dipakai untuk mendesain logo, komposisi grafis maupun pembuatan banner. Kamu bisa menggunakan beberapa jenis skema warna aesthetic seperti berikut ini.

Warna	Kode	RGB
	#0b2631	(11,38,49)
	#5cd0fa	(92,208,250)
	#f3f3f3	(243,243,243)
	#535353	(83,83,83)
	#424242	(66,66,66)
	#145ea9	(20,94,169)
	#2abdc1	(42,189,193)
	#e9eae6	(233,234,230)
	#72b0d0	(114,176,208)
	#9cc7db	(156,199,219)
	#000000	(0,0,0)
	#00014b	(0,1,75)
	#2a3778	(42,55,120)
	#ffffff	(255,255,255)
	#d6d2bf	(214,210,191)

Kode Warna Pink

Khusus bagi perempuan yang menginginkan warna feminim maka pink bisa menjadi pilihan utama. Pastinya tampilan dapat lebih aesthetic ketika kamu dapat memadukan beberapa warna sekaligus, sebagai referensinya kamu bisa memakai kode warna pink berikut.

Warna	Kode	RGB
	#ff77aa	(255,119,170)
	#ff99cc	(255,153,204)
	#ffbbee	(255,187,238)
	#ff5588	(255,85,136)
	#ff3377	(255,51,119)

Akhir Kata

Dari semua kode warna aesthetic diatas kalian bisa pilih sesuai dengan kebutuhan baik desain maupun komposisi grafis. Kamu juga dapat memadukan setiap palet warna untuk mendapatkan tampilan warna aesthetic sesuai selera dan keinginan masing masing.

Hasto

Tags: