無料ツール

カラーコード 一覧(Color Code)作成ツール

カラーコード (Color Code) 作成ツール

カラーコード(16進)一覧

※見えにくい部分は、カラー上にマウスを移動するとツールチップに「カラー名」が表示されます。

#000000#000033#000066#000099#0000cc#0000ff
#003300#003333#003366#003399#0033cc#0033ff
#006600#006633#006666#006699#0066cc#0066ff
#009900#009933#009966#009999#0099cc#0099ff
#00cc00#00cc33#00cc66#00cc99#00cccc#00ccff
#00ff00#00ff33#00ff66#00ff99#00ffcc#00ffff
#330000#330033#330066#330099#3300cc#3300ff
#333300#333333#333366#333399#3333cc#3333ff
#336600#336633#336666#336699#3366cc#3366ff
#339900#339933#339966#339999#3399cc#3399ff
#33cc00#33cc33#33cc66#33cc99#33cccc#33ccff
#33ff00#33ff33#33ff66#33ff99#33ffcc#33ffff
#660000#660033#660066#660099#6600cc#6600ff
#663300#663333#663366#663399#6633cc#6633ff
#666600#666633#666666#666699#6666cc#6666ff
#669900#669933#669966#669999#6699cc#6699ff
#66cc00#66cc33#66cc66#66cc99#66cccc#66ccff
#66ff00#66ff33#66ff66#66ff99#66ffcc#66ffff
#990000#990033#990066#990099#9900cc#9900ff
#993300#993333#993366#993399#9933cc#9933ff
#996600#996633#996666#996699#9966cc#9966ff
#999900#999933#999966#999999#9999cc#9999ff
#99cc00#99cc33#99cc66#99cc99#99cccc#99ccff
#99ff00#99ff33#99ff66#99ff99#99ffcc#99ffff
#cc0000#cc0033#cc0066#cc0099#cc00cc#cc00ff
#cc3300#cc3333#cc3366#cc3399#cc33cc#cc33ff
#cc6600#cc6633#cc6666#cc6699#cc66cc#cc66ff
#cc9900#cc9933#cc9966#cc9999#cc99cc#cc99ff
#cccc00#cccc33#cccc66#cccc99#cccccc#ccccff
#ccff00#ccff33#ccff66#ccff99#ccffcc#ccffff
#ff0000#ff0033#ff0066#ff0099#ff00cc#ff00ff
#ff3300#ff3333#ff3366#ff3399#ff33cc#ff33ff
#ff6600#ff6633#ff6666#ff6699#ff66cc#ff66ff
#ff9900#ff9933#ff9966#ff9999#ff99cc#ff99ff
#ffcc00#ffcc33#ffcc66#ffcc99#ffcccc#ffccff
#ffff00#ffff33#ffff66#ffff99#ffffcc#ffffff

スタイルシート(CSS)のcolorプロパティに設定できるカラーの値を表形式で表示します。

※見えにくい部分は、カラー上にマウスを移動するとツールチップに「カラー名」が表示されます。

ActiveBorderActiveCaptionActiveCaptionTextAppWorkspace
ControlDarkControlDarkDarkControlLightControlLightLight
DesktopGrayTextHighlightHighlightText
InactiveBorderInactiveCaptionInactiveCaptionTextInfo
ControlControlTextHotTrackInfoText
MenuMenuTextScrollBarWindow
WindowTextTransparentAliceBlueAntiqueWhite
AquamarineAzureBeigeBisque
BlanchedAlmondBlueBlueVioletBrown
WindowFrameAquaBlackBurlyWood
CadetBlueChartreuseChocolateCoral
CornsilkCrimsonCyanDarkBlue
DarkGoldenrodDarkGrayDarkGreenDarkKhaki
DarkOliveGreenDarkOrangeDarkOrchidDarkRed
CornflowerBlueDarkCyanDarkMagentaDarkSalmon
DarkSeaGreenDarkSlateBlueDarkSlateGrayDarkTurquoise
DeepPinkDeepSkyBlueDimGrayDodgerBlue
FloralWhiteForestGreenFuchsiaGainsboro
GoldGoldenrodGrayGreen
DarkVioletFirebrickGhostWhiteGreenYellow
HoneydewHotPinkIndianRedIndigo
KhakiLavenderLavenderBlushLawnGreen
LightBlueLightCoralLightCyanLightGoldenrodYellow
LightGreenLightPinkLightSalmonLightSeaGreen
IvoryLemonChiffonLightGrayLightSkyBlue
LightSlateGrayLightSteelBlueLightYellowLime
LinenMagentaMaroonMediumAquamarine
MediumOrchidMediumPurpleMediumSeaGreenMediumSlateBlue
MediumTurquoiseMediumVioletRedMidnightBlueMintCream
LimeGreenMediumBlueMediumSpringGreenMistyRose
MoccasinNavajoWhiteNavyOldLace
OliveDrabOrangeOrangeRedOrchid
PaleGreenPaleTurquoisePaleVioletRedPapayaWhip
PeruPinkPlumPowderBlue
OlivePaleGoldenrodPeachPuffPurple
RedRosyBrownRoyalBlueSaddleBrown
SandyBrownSeaGreenSeaShellSienna
SkyBlueSlateBlueSlateGraySnow
SteelBlueTanTealThistle
SalmonSilverSpringGreenTomato
TurquoiseVioletWheatWhite
YellowYellowGreenButtonFaceButtonHighlight
WhiteSmokeButtonShadow

関連記事

最近の記事

  1. 解体業がホームページで集客に成功する8つの秘訣

  2. BingのAIチャットとは?メリットや注意点を初心者向けに解説

  3. GoogleのAI「Bard(バード)」とは?日本語版公開は?初心者向け解説

  4. AIチャットボット「ChatGPT」とは?使い方・注意点を初心者向けに解説

  5. AI文章作成サービスってどう?マーケティングでのメリット・デメリット

TOP