配色を理解する事でコンバージョン率のアップも望める
ホームページ制作をする事に対し、デザイン性は重要ですが、画像だらけだったり動きが沢山あるサイトだったり、お洒落過ぎて何処に何があるか分からないサイトだったり、どれだけカッコいいと言われても成果が出ないホームページは、何の意味も成しません。
でも、デザイン性も大切に考えてホームページを育てて行きたい。そんな貴方はお洒落な配色パターンを利用するだけでかなりお洒落なWEBサイトに早変わりしますので、是非下記配色パターンを参考にご利用下さい。
WEBサイトに利用出来るお洒落な配色パターン【おしゃれ編】
ポップで可愛く
#E2DC7C
rgba(226,220,124,1)
#A3CD39
rgba(163,205,57,1)
#F43E71
rgba(244,62,113,1)
#4A4A4A
rgba(74,74,74,1)
爽やかにカッコいい
#08ffc8
rgba(8,255,200,1)
#fff7f7
rgba(255,247,247,1)
#dadada
rgba(218,218,218,1)
#204969
rgba(32,73,105,1)
ダークでクールに
#525252
rgba(82,82,82,1)
#414141
rgba(65,65,65,1)
#313131
rgba(49,49,49,1)
#ca3e47
rgba(202,62,71,1)
パステルで可愛く
#F38181
rgba(243,129,129,1)
#FCE38A
rgba(252,227,138,1)
#EAFFD0
rgba(234,255,208,1)
#95E1D3
rgba(149,225,211,1)
大人のイメージに
#942514
rgba(148,37,20,1)
#fefefe
rgba(254,254,254,1)
#1c1c20
rgba(28,28,32,1)
#bac2c6
rgba(186,194,198,1)
強調を個性に
#45d9fd
rgba(69,217,253,1)
#f4f4f4
rgba(244,244,244,1)
#ee2560
rgba(238,37,96,1)
#08182b
rgba(8,24,43,1)
お洒落な配色パターン【大人系サイト編】
高級感と堅実さ
#0f0f0f
rgba(15,15,15,1)
#2d2d2d
rgba(45,45,45,1)
#a39e9e
rgba(163,158,158,1)
#bc8420
rgba(188,132,32,1)
大人の女性に
#a1bd93
rgba(161,189,147,1)
#e1dda1
rgba(225,221,161,1)
#90a9c6
rgba(144,169,198,1)
#eb5651
rgba(235,86,81,1)
和風で目に優しい
#4e6b2d
rgba(78,107,45,1)
#292920
rgba(41,41,32,1)
#f2eadd
rgba(242,234,221,1)
#7c5441
rgba(124,84,65,1)
お洒落な配色パターン【女性向けサイト編】
エステや美容系
#e94c6f
rgba(233,76,111,1)
#542733
rgba(84,39,51,1)
#5a6a62
rgba(90,106,98,1)
#c6d5cd
rgba(198,213,205,1)
幼稚園や教室に
#ED5314
rgba(237,83,20,1)
#FFB92A
rgba(255,185,42,1)
#FEEB51
rgba(254,235,81,1)
#9BCA3E
rgba(155,202,62,1)
元気な若さを
#45d9fd
rgba(69,217,253,1)
#f4f4f4
rgba(244,244,244,1)
#ee2560
rgba(238,37,96,1)
#08182b
rgba(8,24,43,1)
お洒落な配色パターン【アフィリエイトサイト編】
見易さと強調を
#191919
rgba(25,25,25,1)
#DFE2DB
rgba(223,226,219,1)
#FFF056
rgba(255,240,86,1)
#FFFFFF
rgba(255,255,255,1)
落ち着いて魅せる
#a3a1a1
rgba(163,161,161,1)
#e3dede
rgba(227,222,222,1)
#8b8687
rgba(139,134,135,1)
#333030
rgba(51,48,48,1)
ビジネス風
#000000
rgba(0,0,0,1)
#1098F7
rgba(16,152,247,1)
#FFFFFF
rgba(255,255,255,1)
#B89E97
rgba(184,158,151,1)
お洒落な配色パターン【情報発信サイト編】
お金系サイト
#494747
rgba(73,71,71,1)
#21A8A3
rgba(33,168,163,1)
#F2E6E6
rgba(242,230,230,1)
#E2001A
rgba(226,0,26,1)
IT系ニュース等に
#2B2B2B
rgba(43,43,43,1)
#F06D06
rgba(240,109,6,1)
#00A0FF
rgba(0,160,255,1)
#F2F2F2
rgba(242,242,242,1)
トレンド発信系
#DC3D24
rgba(220,61,36,1)
#232B2B
rgba(35,43,43,1)
#FFFFFF
rgba(255,255,255,1)
#E3AE57
rgba(227,174,87,1)
コメント