16進数コード・RGBa値・HSL値 相互変換
カラーパレット
16進数コード#  (半角 0-9,a-f)

RGBa
R
G
B
A

HSL
H
S
L
A
RGBRGBa(透過)
  背景を消す
16進数 #002a5d opacity: 0.75
RGB rgb(0,42,93)
RGBa(透過) rgba(0,42,93,0.75)
HSL hsl(212,1,0.18)
HSLa(透過) hsla(212,1,0.18,0.75)
短縮コード:
ColorName:
補色
#5d3300 rgb(93,51,0)
反転色
#ffd5a2 rgb(255,213,162)

標準16色(太字の色は3桁の短縮コードが使用可能)

#000000

black000

#000080

navy

#0000ff

blue00f

#008000

green

#008080

teal

#00ff00

lime0f0

#00ffff

aqua0ff

#800000

maroon

#800080

purple

#808000

olive

#808080

gray

#c0c0c0

silver

#ff0000

redf00

#ff00ff

fuchsiaf0f

#ffff00

yellowff0

#ffffff

whitefff
Webセーフカラー216色(全ての色が3桁の短縮コード使用可能、太字の色はカラーネーム使用可能)
#000000000black #000033003 #000066006 #000099009 #0000cc00c #0000ff00fblue
#003300030 #003333033 #003366036 #003399039 #0033cc03c #0033ff03f
#006600060 #006633063 #006666066 #006699069 #0066cc06c #0066ff06f
#009900090 #009933093 #009966096 #009999099 #0099cc09c #0099ff09f
#00cc000c0 #00cc330c3 #00cc660c6 #00cc990c9 #00cccc0cc #00ccff0cf
#00ff000f0lime #00ff330f3 #00ff660f6 #00ff990f9 #00ffcc0fc #00ffff0ffaqua
#330000300 #330033303 #330066306 #330099309 #3300cc30c #3300ff30f
#333300330 #333333333 #333366336 #333399339 #3333cc33c #3333ff33f
#336600360 #336633363 #336666366 #336699369 #3366cc36c #3366ff36f
#339900390 #339933393 #339966396 #339999399 #3399cc39c #3399ff39f
#33cc003c0 #33cc333c3 #33cc663c6 #33cc993c9 #33cccc3cc #33ccff3cf
#33ff003f0 #33ff333f3 #33ff663f6 #33ff993f9 #33ffcc3fc #33ffff3ff
#660000600 #660033603 #660066606 #660099609 #6600cc60c #6600ff60f
#663300630 #663333633 #663366636 #663399639 #6633cc63c #6633ff63f
#666600660 #666633663 #666666666 #666699669 #6666cc66c #6666ff66f
#669900690 #669933693 #669966696 #669999699 #6699cc69c #6699ff69f
#66cc006c0 #66cc336c3 #66cc666c6 #66cc996c9 #66cccc6cc #66ccff6cf
#66ff006f0 #66ff336f3 #66ff666f6 #66ff996f9 #66ffcc6fc #66ffff6ff
#990000900 #990033903 #990066906 #990099909 #9900cc90c #9900ff90f
#993300930 #993333933 #993366936 #993399939 #9933cc93c #9933ff93f
#996600960 #996633963 #996666966 #996699969 #9966cc96c #9966ff96f
#999900990 #999933993 #999966996 #999999999 #9999cc99c #9999ff99f
#99cc009c0 #99cc339c3 #99cc669c6 #99cc999c9 #99cccc9cc #99ccff9cf
#99ff009f0 #99ff339f3 #99ff669f6 #99ff999f9 #99ffcc9fc #99ffff9ff
#cc0000c00 #cc0033c03 #cc0066c06 #cc0099c09 #cc00ccc0c #cc00ffc0f
#cc3300c30 #cc3333c33 #cc3366c36 #cc3399c39 #cc33ccc3c #cc33ffc3f
#cc6600c60 #cc6633c63 #cc6666c66 #cc6699c69 #cc66ccc6c #cc66ffc6f
#cc9900c90 #cc9933c93 #cc9966c96 #cc9999c99 #cc99ccc9c #cc99ffc9f
#cccc00cc0 #cccc33cc3 #cccc66cc6 #cccc99cc9 #ccccccccc #ccccffccf
#ccff00cf0 #ccff33cf3 #ccff66cf6 #ccff99cf9 #ccffcccfc #ccffffcff
#ff0000f00red #ff0033f03 #ff0066f06 #ff0099f09 #ff00ccf0c #ff00fff0ffuchsia
#ff3300f30 #ff3333f33 #ff3366f36 #ff3399f39 #ff33ccf3c #ff33fff3f
#ff6600f60 #ff6633f63 #ff6666f66 #ff6699f69 #ff66ccf6c #ff66fff6f
#ff9900f90 #ff9933f93 #ff9966f96 #ff9999f99 #ff99ccf9c #ff99fff9f
#ffcc00fc0 #ffcc33fc3 #ffcc66fc6 #ffcc99fc9 #ffccccfcc #ffccfffcf
#ffff00ff0yellow #ffff33ff3 #ffff66ff6 #ffff99ff9 #ffffccffc #fffffffffwhite
カラーネーム147色(太字の色は3桁の短縮コードが使用可能)
black000 navy darkblue mediumblue
blue00f darkgreen green teal
darkcyan deepskyblue darkturquoise mediumspringgreen
lime0f0 springgreen cyan0ff aqua0ff
richblue midnightblue dodgerblue lightseagreen
forestgreen seagreen darkslategray limegreen
mediumseagreen turquoise royalblue steelblue
darkslateblue mediumturquoise indigo darkolivegreen
cadetblue cornflowerblue mediumaquamarine dimgray
slateblue olivedrab slategray lightslategray
mediumslateblue lawngreen chartreuse aquamarine
maroon purple olive gray
skyblue lightskyblue blueviolet darkred
darkmagenta saddlebrown darkseagreen lightgreen
mediumpurple darkviolet palegreen darkorchid
yellowgreen sienna brown darkgray
lightblue greenyellow paleturquoise lightsteelblue
powderblue firebrick brass darkgoldenrod
mediumorchid rosybrown darkkhaki copper
cornflower silver mediumvioletred indianred
peru chocolate tan lightgrey
thistle coolcopper darkbrown orchid
goldenrod palevioletred crimson gainsboro
plum burlywood lightcyan lavender
darksalmon violet palegoldenrod lightcoral
khaki aliceblue honeydew azure
sandybrown wheat beige whitesmoke
mintcream ghostwhite salmon antiquewhite
linen lightgoldenrodyellow oldlace feldsper
redf00 magentaf0f fuchsiaf0f deeppink
orangered tomato hotpink coral
darkorange lightsalmon orange lightpink
pink gold peachpuff navajowhite
moccasin bisque mistyrose blanchedalmond
papayawhip lavenderblush seashell cornsilk
lemonchiffon floralwhite snow yellowff0
lightyellow ivory whitefff