◆アイデアとデザイン力でビジネスに彩りを添える、株式会社ウイングエージェンシーの情報発信サイトです!

★選んで使える《カラーコード》のサンプル集
 配色を計算してつくられたサイトは、見る人に好印象を与えます。また、サイト全体の雰囲気も使用するカラーに負うところが少なくありません。適宜な色使いに心を配り、さらなるハイグレードなページ作成をめざしましょう。本カラーサンプルは、カラーコーを任意の場所にコピペすることで自由に色を表現できる、実効的で便利なカラーコード一覧です。
◇基本16色
black
#000000
blue
#0000FF
lime
#00FF00
fuchsia
#FF00FF
gray
#808080
navy
#000080
aqua
#00FFFF
olive
#808000
silver
#C0C0C0
teal
#008080
yellow
#FFFF00
purple
#800080
white
#FFFFFF
green
#008000
red
#FF0000
maroon
#800000
◇色相環24色
black
#000000
blue
#0000FF
lime
#00FF00
fuchsia
#FF00FF
gray
#808080
navy
#000080
aqua
#00FFFF
olive
#808000
silver
#C0C0C0
teal
#008080
yellow
#FFFF00
purple
#800080
white
#FFFFFF
green
#008000
red
#FF0000
maroon
#800000

#E60012

#8FC31F

#00A0E9

#920783

#EB6100

#22AC38

#0086D1

#BE0081

#F39800

#009944

#0068B7

#E4007F

#FCC800

#009B6B

#00479d

#E5006A

#FFF100

#009E96

#1D2088

#E5004F

#CFDB00

#00A0C1

#601986

#E60033

◇系統別カラーネーム140色16進数
black
#000000
aliceblue
#f0f8ff
darkcyan
#008b8b
lightyellow
#ffffe0
coral
#ff7f50
dimgray
#696969
lavender
#e6e6fa
teal
#008080
lightgoldenrod
yellow #fafad2
tomato
#ff6347
gray
#808080
lightsteelblue
#b0c4de
darkslategray
#2f4f4f
lemonchiffon
#fffacd
orangered
#ff4500
darkgray
#a9a9a9
lightslategray
#778899
darkgreen
#006400
wheat
#f5deb3
red
#ff0000
silver
#c0c0c0
slategray
#708090
green
#008000
burlywood
#deb887
crimson
#dc143c
lightgrey
#d3d3d3
steelblue
#4682b4
forestgreen
#228b22
tan
#d2b48c
mediumvioletred
#c71585
gainsboro
#dcdcdc
royalblue
#4169e1
seagreen
#2e8b57
khaki
#f0e68c
deeppink
#ff1493
whitesmoke
#f5f5f5
midnightblue
#191970
mediumseagreen
#3cb371
yellow
#ffff00
hotpink
#ff69b4
white
#ffffff
navy
#000080
mediumaqua
marine #66cdaa
gold
#ffd700
palevioletred
#db7093
snow
#fffafa
darkblue
#00008b
darkseagreen
#8fbc8f
orange
#ffa500
pink
#ffc0cb
ghostwhite
#f8f8ff
mediumblue
#0000cd
aquamarine
#7fffd4
sandybrown
#f4a460
lightpink
#ffb6c1
floralwhite
#fffaf0
blue
#0000ff
palegreen
#98fb98
darkorange
#ff8c00
thistle
#d8bfd8
linen
#faf0e6
dodgerblue
#1e90ff
lightgreen
#90ee90
goldenrod
#daa520
magenta
#ff00ff
antiquewhite
#faebd7
cornflowerblue
#6495ed
springgreen
#00ff7f
peru
#cd853f
fuchsia
#ff00ff
papayawhip
#ffefd5
deepskyblue
#00bfff
mediumspring
green #00fa9a
darkgoldenrod
#b8860b
violet
#ee82ee
blanchedalmond
#ffebcd
lightskyblue
#87cefa
lawngreen
#7cfc00
chocolate
#d2691e
plum
#dda0dd
bisque
#ffe4c4
skyblue
#87ceeb
chartreuse
#7fff00
sienna
#a0522d
orchid
#da70d6
moccasin
#ffe4b5
lightblue
#add8e6
greenyellow
#adff2f
saddlebrown
#8b4513
mediumorchid
#ba55d3
navajowhite
#ffdead
powderblue
#b0e0e6
lime
#00ff00
maroon
#800000
darkorchid
#9932cc
peachpuff
#ffdab9
paleturquoise
#afeeee
limegreen
#32cd32
darkred
#8b0000
darkviolet
#9400d3
mistyrose
#ffe4e1
lightcyan
#e0ffff
yellowgreen
#9acd32
brown
#a52a2a
darkmagenta
#8b008b
lavenderblush
#fff0f5
cyan
#00ffff
darkolivegreen
#556b2f
firebrick
#b22222
purple
#800080
seashell
#fff5ee
aqua
#00ffff
olivedrab
#6b8e23
indianred
#cd5c5c
indigo
#4b0082
oldlace
#fdf5e6
turquoise
#40e0d0
olive
#808000
rosybrown
#bc8f8f
darkslateblue
#483d8b
ivory
#fffff0
mediumturquoise
#48d1cc
darkkhaki
#bdb76b
darksalmon
#e9967a
blueviolet
#8a2be2
honeydew
#f0fff0
darkturquoise
#00ced1
palegoldenrod
#eee8aa
lightcoral
#f08080
mediumpurple
#9370db
mintcream
#f5fffa
lightseagreen
#20b2aa
cornsilk
#fff8dc
salmon
#fa8072
slateblue
#6a5acd
azure
#f0ffff
cadetblue
#5f9ea0
beige
#f5f5dc
lightsalmon
#ffa07a
mediumslateblue
#7b68ee
◇パステルカラー300色16進数(グラデーション)

#ff7f7f

#ff7fbf

#ff7fff

#bf7fff

#7f7fff

#7fbfff

#ff8484

#ff84c1

#ff84ff

#c184ff

#8484ff

#84c1ff

#ff8989

#ff89c4

#ff89ff

#c489ff

#8989ff

#89c4ff

#ff8e8e

#ff8ec6

#ff8eff

#c68eff

#8e8eff

#8ec6ff

#ff9393

#ff93c9

#ff93ff

#c993ff

#9393ff

#93c9ff

#ff9999

#ff99cc

#ff99ff

#cc99ff

#9999ff

#99ccff

#ff9e9e

#ff9ece

#ff9eff

#ce9eff

#9e9eff

#9eceff

#ffa3a3

#ffa3d1

#ffa3ff

#d1a3ff

#a3a3ff

#a3d1ff

#ffa8a8

#ffa8d3

#ffa8ff

#d3a8ff

#a8a8ff

#a8d3ff

#ffadad

#ffadd6

#ffadff

#d6adff

#adadff

#add6ff

#ffb2b2

#ffb2d8

#ffb2ff

#d8b2ff

#b2b2ff

#b2d8ff

#ffb7b7

#ffb7db

#ffb7ff

#dbb7ff

#b7b7ff

#b7dbff

#ffbcbc

#ffbcdd

#ffbcff

#ddbcff

#bcbcff

#bcddff

#ffc1c1

#ffc1e0

#ffc1ff

#e0c1ff

#c1c1ff

#c1e0ff

#ffc6c6

#ffc6e2

#ffc6ff

#e2c6ff

#c6c6ff

#c6e2ff

#ffcccc

#ffcce5

#ffccff

#e5ccff

#ccccff

#cce5ff

#ffd1d1

#ffd1e8

#ffd1ff

#e8d1ff

#d1d1ff

#d1e8ff

#ffd6d6

#ffd6ea

#ffd6ff

#ead6ff

#d6d6ff

#d6eaff

#ffdbdb

#ffdbed

#ffdbff

#eddbff

#dbdbff

#dbedff

#ffe0e0

#ffe0ef

#ffe0ff

#efe0ff

#e0e0ff

#e0efff

#ffe5e5

#ffe5f2

#ffe5ff

#f2e5ff

#e5e5ff

#e5f2ff

#ffeaea

#ffeaf4

#ffeaff

#f4eaff

#eaeaff

#eaf4ff

#ffefef

#ffeff7

#ffefff

#f7efff

#efefff

#eff7ff

#fff4f4

#fff4f9

#fff4ff

#f9f4ff

#f4f4ff

#f4f9ff

#fff9f9

#fff9fc

#fff9ff

#fcf9ff

#f9f9ff

#f9fcff


#7fffff

#7fffbf

#7fff7f

#bfff7f

#ffff7f

#ffbf7f

#84ffff

#84ffc1

#84ff84

#c1ff84

#ffff84

#ffc184

#89ffff

#89ffc4

#89ff89

#c4ff89

#ffff89

#ffc489

#8effff

#8effc6

#8eff8e

#c6ff8e

#ffff8e

#ffc68e

#93ffff

#93ffc9

#93ff93

#c9ff93

#ffff93

#ffc993

#99ffff

#99ffcc

#99ff99

#ccff99

#ffff99

#ffcc99

#9effff

#9effce

#9eff9e

#ceff9e

#ffff9e

#ffce9e

#a3ffff

#a3ffd1

#a3ffa3

#d1ffa3

#ffffa3

#ffd1a3

#a8ffff

#a8ffd3

#a8ffa8

#d3ffa8

#ffffa8

#ffd3a8

#adffff

#adffd6

#adffad

#d6ffad

#ffffad

#ffd6ad

#b2ffff

#b2ffd8

#b2ffb2

#d8ffb2

#ffffb2

#ffd8b2

#b7ffff

#b7ffdb

#b7ffb7

#dbffb7

#ffffb7

#ffdbb7

#bcffff

#bcffdd

#bcffbc

#ddffbc

#ffffbc

#ffddbc

#c1ffff

#c1ffe0

#c1ffc1

#e0ffc1

#ffffc1

#ffe0c1

#c6ffff

#c6ffe2

#c6ffc6

#e2ffc6

#ffffc6

#ffe2c6

#ccffff

#ccffe5

#ccffcc

#e5ffcc

#ffffcc

#ffe5cc

#d1ffff

#d1ffe8

#d1ffd1

#e8ffd1

#ffffd1

#ffe8d1

#d6ffff

#d6ffea

#d6ffd6

#eaffd6

#ffffd6

#ffead6

#dbffff

#dbffed

#dbffdb

#edffdb

#ffffdb

#ffeddb

#e0ffff

#e0ffef

#e0ffe0

#efffe0

#ffffe0

#ffefe0

#e5ffff

#e5fff2

#e5ffe5

#f2ffe5

#ffffe5

#fff2e5

#eaffff

#eafff4

#eaffea

#f4ffea

#ffffea

#fff4ea

#efffff

#effff7

#efffef

#f7ffef

#ffffef

#fff7ef

#f4ffff

#f4fff9

#f4fff4

#f9fff4

#fffff4

#fff9f4

#f9ffff

#f9fffc

#f9fff9

#fcfff9

#fffff9

#fffcf9

◇モノトーン256色16進数

#000000

#202020

#404040

#606060

#808080

#a0a0a0

#c0c0c0

#e0e0e0

#010101

#212121

#414141

#616161

#818181

#a1a1a1

#c1c1c1

#e1e1e1

#020202

#222222

#424242

#626262

#828282

#a2a2a2

#c2c2c2

#e2e2e2

#030303

#232323

#434343

#636363

#838383

#a3a3a3

#c3c3c3

#e3e3e3

#040404

#242424

#444444

#646464

#848484

#a4a4a4

#c4c4c4

#e4e4e4

#050505

#252525

#454545

#656565

#858585

#a5a5a5

#c5c5c5

#e5e5e5

#060606

#262626

#464646

#666666

#868686

#a6a6a6

#c6c6c6

#e6e6e6

#070707

#272727

#474747

#676767

#878787

#a7a7a7

#c7c7c7

#e7e7e7

#080808

#282828

#484848

#686868

#888888

#a8a8a8

#c8c8c8

#e8e8e8

#090909

#292929

#494949

#696969

#898989

#a9a9a9

#c9c9c9

#e9e9e9

#0a0a0a

#2a2a2a

#4a4a4a

#6a6a6a

#8a8a8a

#aaaaaa

#cacaca

#eaeaea

#0b0b0b

#2b2b2b

#4b4b4b

#6b6b6b

#8b8b8b

#ababab

#cbcbcb

#ebebeb

#0c0c0c

#2c2c2c

#4c4c4c

#6c6c6c

#8c8c8c

#acacac

#cccccc

#ececec

#0d0d0d

#2d2d2d

#4d4d4d

#6d6d6d

#8d8d8d

#adadad

#cdcdcd

#ededed

#0e0e0e

#2e2e2e

#4e4e4e

#6e6e6e

#8e8e8e

#aeaeae

#cecece

#eeeeee

#0f0f0f

#2f2f2f

#4f4f4f

#6f6f6f

#8f8f8f

#afafaf

#cfcfcf

#efefef

#101010

#303030

#505050

#707070

#909090

#b0b0b0

#d0d0d0

#f0f0f0

#111111

#313131

#515151

#717171

#919191

#b1b1b1

#d1d1d1

#f1f1f1

#121212

#323232

#525252

#727272

#929292

#b2b2b2

#d2d2d2

#f2f2f2

#131313

#333333

#535353

#737373

#939393

#b3b3b3

#d3d3d3

#f3f3f3

#141414

#343434

#545454

#747474

#949494

#b4b4b4

#d4d4d4

#f4f4f4

#151515

#353535

#555555

#757575

#959595

#b5b5b5

#d5d5d5

#f5f5f5

#161616

#363636

#565656

#767676

#969696

#b6b6b6

#d6d6d6

#f6f6f6

#171717

#373737

#575757

#777777

#979797

#b7b7b7

#d7d7d7

#f7f7f7

#181818

#383838

#585858

#787878

#989898

#b8b8b8

#d8d8d8

#f8f8f8

#191919

#393939

#595959

#797979

#999999

#b9b9b9

#d9d9d9

#f9f9f9

#1a1a1a

#3a3a3a

#5a5a5a

#7a7a7a

#9a9a9a

#bababa

#dadada

#fafafa

#1b1b1b

#3b3b3b

#5b5b5b

#7b7b7b

#9b9b9b

#bbbbbb

#dbdbdb

#fbfbfb

#1c1c1c

#3c3c3c

#5c5c5c

#7c7c7c

#9c9c9c

#bcbcbc

#dcdcdc

#fcfcfc

#1d1d1d

#3d3d3d

#5d5d5d

#7d7d7d

#9d9d9d

#bdbdbd

#dddddd

#fdfdfd

#1e1e1e

#3e3e3e

#5e5e5e

#7e7e7e

#9e9e9e

#bebebe

#dedede

#fefefe

#1f1f1f

#3f3f3f

#5f5f5f

#7f7f7f

#9f9f9f

#bfbfbf

#dfdfdf

#ffffff