2021年に絶対流行るお洒落なWEBデザイン配色表一覧

WEBサイト制作における配色パターン
目次

配色を理解する事でコンバージョン率のアップも望める

ホームページ制作をする事に対し、デザイン性は重要ですが、画像だらけだったり動きが沢山あるサイトだったり、お洒落過ぎて何処に何があるか分からないサイトだったり、どれだけカッコいいと言われても成果が出ないホームページは、何の意味も成しません。

でも、デザイン性も大切に考えてホームページを育てて行きたい。そんな貴方はお洒落な配色パターンを利用するだけでかなりお洒落な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)

WEBサイト制作における配色パターン

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!

コメント

コメントを残す

目次
閉じる