色の見本

さまざまなプログラムで使用される色はカラーコード番号で先頭に#を付けた16進数6桁の数字で表されます。

例えば、#66cc33"だと、赤が66(10進数で102)、緑がcc(10進数で204)、青が33(10進数で51)の色になります。

またカラーコードの代わりにWebブラウザで認識できる色の名前を指定するカラーネームでの表示方法もあります。

CSS Color

Webで使用されるHTMLやCSSなどの各種技術の標準化を推進する W3C が公開するCSS Color。現在ブラウザが識別できるカラーネームは148種類あり、その内、名前違いの同色が7色あります。
  • aliceblue
    #F0F8FF
    240.248.255
  • antiquewhite
    #FAEBD7
    250.235.215
  • aqua
    #00FFFF
    0.255.255
  • aquamarine
    #7FFFD4
    127.255.212
  • azure
    #F0FFFF
    240.255.255
  • beige
    #F5F5DC
    245.245.220
  • bisque
    #FFE4C4
    255.228.196
  • black
    #000000
    0.0.0
  • blanchedalmond
    #FFEBCD
    255.235.205
  • blue
    #0000FF
    0.0.255
  • blueviolet
    #8A2BE2
    138.43.226
  • brown
    #A52A2A
    165.42.42
  • burlywood
    #DEB887
    222.184.135
  • cadetblue
    #5F9EA0
    95.158.160
  • chartreuse
    #7FFF00
    127.255.0
  • chocolate
    #D2691F
    210.105.30
  • coral
    #FF7F50
    255.127.80
  • cornflowerblue
    #42426F
    66.66.111
  • cornsilk
    #FFF8DC
    255.248.220
  • crimson
    #DC143C
    220.20.60
  • cyan
    #00FFFF
    0.255.255
  • darkblue
    #000088
    0.0.139
  • darkcyan
    #008B8B
    0.139.139
  • darkgoldenrod
    #B8860B
    184.134.11
  • darkgray
    (darkgrey)
    #A9A9A9
    169.169.169
  • darkgreen
    #006400
    0.100.0
  • darkkhaki
    #BDB76B
    189.183.107
  • darkmagenta
    #8B008B
    139.0.139
  • darkolivegreen
    #556B2F
    85.107.47
  • darkorange
    #FF8C00
    255.140.0
  • darkorchid
    #9932CC
    153.50.204
  • darkred
    #8B0000
    139.0.0
  • darksalmon
    #E9967A
    233.150.122
  • darkseagreen
    #8FBC8F
    143.188.143
  • darkslateblue
    #483D8B
    72.61.139
  • darkslategray
    (darkslategrey)
    #2F4F4F
    47.79.79
  • darkturquoise
    #00CED1
    0.206.209
  • darkviolet
    #9400D3
    148.0.211
  • deeppink
    #FF1493
    255.20.147
  • deepskyblue
    #00BFFF
    0.191.255
  • dimgray
    (dimgrey)
    #696969
    105.105.105
  • dodgerblue
    #1E90FF
    30.144.255
  • firebrick
    #B22222
    178.34.34
  • floralwhite
    #FFFAF0
    255.250.240
  • forestgreen
    #228B22
    34.139.34
  • fuchsia
    #FF00FF
    255.0.255
  • gainsboro
    #DCDCDC
    220.220.220
  • ghostwhite
    #F8F8FF
    248.248.255
  • gold
    #FFD700
    255.215.0
  • goldenrod
    #DAA520
    218.165.32
  • gray
    (grey)
    #808080
    128.128.128
  • green
    #008000
    0.128.0
  • greenyellow
    #ADFF2F
    173.255.47
  • honeydew
    #F0FFF0
    240.255.240
  • hotpink
    #FF69B4
    255.105.180
  • indianred
    #CD5C5C
    205.92.92
  • indigo
    #4B0082
    75.0.130
  • ivory
    #FFFFF0
    255.255.240
  • khaki
    #F0E68C
    240.230.140
  • lavender
    #E6E6FA
    230.230.250
  • lavenderblush
    #FFF0F5
    250.240.245
  • lawngreen
    #7CFC00
    124.252.0
  • lemonchiffon
    #FFFACD
    255.250.205
  • lightblue
    #AAD8E6
    173.216.230
  • lightcoral
    #F08080
    240.128.128
  • lightcyan
    #E0FFFF
    224.255.255
  • lightgoldenrodyellow
    #FAFAD2
    250.250.210
  • lightgreen
    #90EE90
    144.238.144
  • lightgray
    (lightgrey)
    #D3D3D3
    211.211.211
  • lightpink
    #FFB6C1
    255.182.193
  • lightsalmon
    #FFA07A
    255.182.193
  • lightseagreen
    #20B2AA
    32.178.170
  • lightskyblue
    #87CEFA
    176.196.222
  • lightslategray
    (lightslategrey)
    #778899
    119.136.153
  • lightsteelblue
    #B0C4DE
    172.196.222
  • lightyellow
    #FFFFE0
    255.255.224
  • lime
    #00FF00
    0.255.0
  • limegreen
    #32CD32
    50.205.50
  • linen
    #FAF0E6
    250.240.230
  • magenta
    #FF00FF
    255.0.255
  • maroon
    #800000
    128.0.0
  • mediumaquamarine
    #66CDAA
    102.205.170
  • mediumblue
    #0000CD
    0.0.205
  • mediumorchid
    #BA55D3
    186.85.211
  • mediumpurple
    #9370DB
    147.112.219
  • mediumseagreen
    #3CB371
    60.179.113
  • mediumslateblue
    #7B68EE
    123.104.238
  • mediumspringgreen
    #00FA9A
    0.250.154
  • mediumturquoise
    #48D1CC
    72.209.204
  • mediumvioletred
    #C71585
    199.21.133
  • midnightblue
    #191970
    25.25.112
  • mintcream
    #F5FFFA
    245.255.250
  • mistyrose
    #FFE4E1
    255.228.225
  • moccasin
    #FFE4B5
    255.228.181
  • navajowhite
    #FFDEAD
    255.222.173
  • navy
    #000080
    0.0.128
  • oldlace
    #FDF5E6
    253.245.230
  • olive
    #808000
    128.128.0
  • olivedrab
    #6B8E23
    107 142 35
  • orange
    #FFA500
    255.165.0
  • orangered
    #FF4500
    255.69.0
  • orchid
    #DA70D6
    218.112.214
  • palegoldenrod
    #EEE8AA
    238.232.170
  • palegreen
    #98FB98
    152.251.152
  • paleturquoise
    #AFEEEE
    175.238.238
  • palevioletred
    #DB7093
    219.112.147
  • papayawhip
    #FFEFD5
    255.239.213
  • peachpuff
    #FFDAB9
    255.218.185
  • peru
    #CD853F
    205.133.63
  • pink
    #FFC0CB
    255.192.203
  • plum
    #DDA0DD
    221.160.221
  • powderblue
    #B0D0E6
    176.224.230
  • purple
    #800080
    128.0.128
  • rebeccapurple
    #663399
    102 51 153
  • red
    #FF0000
    255.0.0
  • rosybrown
    #BC8F8F
    188.143.143
  • royalblue
    #4169E1
    65.105.255
  • saddlebrown
    #8B4513
    139.69.19
  • salmon
    #FA8072
    250.128.114
  • sandybrown
    #F4A460
    244.164.96
  • seagreen
    #2E8B57
    46.139.87
  • seashell
    #FFF5EE
    255.245.238
  • sienna
    #A0522D
    160.82.45
  • silver
    #C0C0C0
    192.192.192
  • skyblue
    #87CEEB
    135.206.235
  • slateblue
    #6A5ACD
    106.90.205
  • slategray
    (slategrey)
    #708090
    112.128.144
  • snow
    #FFFAFA
    255.250.250
  • springgreen
    #00FF7F
    0.255.127
  • steelblue
    #4682B4
    70.130.180
  • tan
    #D2B48C
    210.180.140
  • teal
    #008080
    0.128.128
  • thistle
    #D8BFD8
    216.191.216
  • tomato
    #FF6347
    255.99.71
  • turquoise
    #40E0D0
    64.224.208
  • violet
    #EE82EE
    238.130.238
  • wheat
    #F5DEB3
    245.222.179
  • white
    #FFFFFF
    255.255.255
  • whitesmoke
    #F5F5F5
    245.245.245
  • yellow
    #FFFF00
    255.255.0
  • yellowgreen
    #9ACD32
    154.205.50

パステルカラー

  • #FFEFEF
    255.239.239
  • #FFE5E5
    255.229.229
  • #FFDBDB
    255.219.219
  • #FFD1D1
    255.209.209
  • #FFC6C6
    255.198.198
  • #F7EFFF
    247.239.255
  • #F2E5FF
    242.229.255
  • #EDDBFF
    237.219.255
  • #E8D1FF
    232.209.255
  • #E2C6FF
    223.198.255
  • #EFF7FF
    239.247.255
  • #E5F2FF
    229.242.255
  • #DBEDFF
    219.237.255
  • #D1E8FF
    209.232.255
  • #C6E2FF
    198.226.255
  • #EFFFEF
    239.255.239
  • #E5FFE5
    229.255.229
  • #DBFFDB
    219.255.219
  • #D1FFD1
    209.255.209
  • #C6FFC6
    198.255.198
  • #FFFFEF
    255.255.239
  • #FFFFE5
    255.255.229
  • #FFFFDB
    255.255.219
  • #FFFFD1
    255.255.209
  • #FFFFC6
    255.255.198
  • #FFF7EF
    255.247.239
  • #FFF2E5
    255.242.229
  • #FFEDDB
    255.237.219
  • #FFE8D1
    255.232.209
  • #FFE2C6
    255.226.198

セーフカラー

8ビットカラー256色のうち、MacintoshとWindowsで異なる40色を除いた閲覧環境に左右されることが少ない216色

  • #00FFFF
    0.255.255
  • #00FFCC
    0.255.204
  • #00FF99
    0.255.153
  • #00FF66
    0.255.102
  • #00FF33
    0.255.51
  • #00FF00
    0.255.0
  • #33FFFF
    51.255.255
  • #33FFCC
    51.255.204
  • #33FF99
    51.255.153
  • #33FF66
    51.255.102
  • #33FF33
    51.255.51
  • #33FF00
    51.255.0
  • #66FFFF
    102.255.255
  • #66FFCC
    102.255.204
  • #66FF99
    102.255.153
  • #66FF66
    102.255.102
  • #66FF33
    102.255.51
  • #66FF00
    102.255.0
  • #99FFFF
    153.255.255
  • #99FFCC
    153.255204
  • #99FF99
    153.255.153
  • #99FF66
    153.255.102
  • #99FF33
    153.255.51
  • #99FF00
    153.255.0
  • #CCFFFF
    204.255.255
  • #CCFFCC
    204.255.204
  • #CCFF99
    204.255.153
  • #CCFF66
    204.255.102
  • #CCFF33
    204.255.51
  • #CCFF00
    204.255.0
  • #FFFFFF
    255.255.255
  • #FFFFCC
    255.255.204
  • #FFFF99
    255.255.153
  • #FFFF66
    255.255.102
  • #FFFF33
    255.255.51
  • #FFFF00
    255.255.0
  • #FFCCFF
    255.204.255
  • #FFCCCC
    255.204.204
  • #FFCC99
    255.204.153
  • #FFCC66
    255.204.102
  • #FFCC33
    255.204.51
  • #FFCC00
    255.204.0
  • #FF99FF
    255.153.255
  • #FF99CC
    255.153.204
  • #FF9999
    255.153.153
  • #FF9966
    255.153.102
  • #FF9933
    255.153.51
  • #FF9900
    255.153.0
  • #FF66FF
    255.102.255
  • #FF66CC
    255.102.204
  • #FF6699
    255.102.153
  • #FF6666
    255.102.102
  • #FF6633
    255.102.51
  • #FF6600
    255.102.0
  • #FF33FF
    255.51.255
  • #FF33CC
    255.51.204
  • #FF3399
    255.51.153
  • #FF3366
    255.51.102
  • #FF3333
    255.51.51
  • #FF3300
    255.51.0
  • #FF00FF
    255.0.255
  • #FF00CC
    255.0.204
  • #FF0099
    255.0.153
  • #FF0066
    255.0.102
  • #FF0033
    255.0.51
  • #FF0000
    255.0.0
  • #CC00FF
    204.0.255
  • #CC00CC
    204.0.204
  • #CC0099
    204.0.153
  • #CC0066
    204.0.102
  • #CC0033
    204.0.51
  • #CC0000
    204.0.0
  • #CC33FF
    204.51.255
  • #CC33CC
    204.51.204
  • #CC3399
    204.51.153
  • #CC3366
    204.51.102
  • #CC3333
    204.51.51
  • #CC3300
    204.51.0
  • #CC66FF
    204.102.255
  • #CC66CC
    204.102.204
  • #CC6699
    204.102.153
  • #CC6666
    204.102.102
  • #CC6633
    204.102.51
  • #CC6600
    204.102.0
  • #CC99FF
    204.153.255
  • #CC99CC
    204.153.204
  • #CC9999
    204.153.153
  • #CC9966
    204.153.102
  • #CC9933
    204.153.51
  • #CC9900
    204.153.0
  • #9966FF
    153.102.255
  • #9966CC
    153.102.204
  • #996699
    153.102.153
  • #996666
    153.102.102
  • #996633
    153.102.51
  • #996600
    153.102.0
  • #9933FF
    151.51.255
  • #9933CC
    153.51.204
  • #993399
    153.51.153
  • #993366
    153.51.102
  • #993333
    153.51.51
  • #993300
    153.51.0
  • #9900FF
    153.0.255
  • #9900CC
    153.0.204
  • #990099
    153.0.153
  • #990066
    153.0.102
  • #990033
    153.0.51
  • #990000
    153.0.0
  • #6633FF
    102.51.255
  • #6633CC
    102.51.204
  • #663399
    102.51.153
  • #663366
    102.51102
  • #663333
    102.51.51
  • #663300
    102.51.0
  • #6600FF
    102.0.255
  • #6600CC
    102.0.204
  • #660099
    102.0.153
  • #660066
    102.0.102
  • #660033
    102.0.51
  • #660000
    102.0.0
  • #3300FF
    51.0.255
  • #3300CC
    51.0.204
  • #330099
    51.0.153
  • #330066
    51.0.102
  • #330033
    51.0.51
  • #330000
    51.0.0
  • #0000FF
    0.0.255
  • #0000CC
    0.0.204
  • #000099
    0.0.153
  • #000066
    0.0.102
  • #000033
    0.0.51
  • #000000
    0.0.0

TOPへ
戻る