Latest web development tutorials
×

CSS リファレンスマニュアル

CSS リファレンスマニュアル CSS セレクタ CSS スピーチリファレンス CSS Web セーフフォント CSS アニメーション CSS ユニット CSS カラー CSS リーガルカラー値 CSS 色の名前 CSS 16進数のカラー値 CSS ブラウザのサポート

CSS プロパティ

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function appearance backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-align box-direction box-flex box-flex-group box-lines box-ordinal-group box-orient box-pack box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-size font-size-adjust font-stretch font-style font-variant font-weight grid-columns grid-rows hanging-punctuation height icon justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width @media min-height min-width nav-down nav-index nav-left nav-right nav-up opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position punctuation-trim quotes resize right rotation tab-size table-layout target target-name target-new target-position text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-outline text-overflow text-shadow text-transform text-wrap top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index

CSSの色名

すべてのブラウザでは、色名をサポート

147色の名前は、HTMLとCSSの色指定(17標準色に加えて、他の130以上)で定義されています。 次の表は、その16進数値と一緒に、これらのすべてが一覧表示されます。

発言ヒント:17標準色:ライトグリーン、黒、青、紫、グレー、グレー、グリーン、ライム、栗色、ネイビー、オリーブ、紫、赤、銀、青、緑、白と黄色。

その値を変更します異なる色や背景色の名前とともに、色の名前やヘキサ値をクリックしてください:


色名で並べ替え

16進数によって分類されたリスト

色名 HEX カラー
AliceBlue #F0F8FF
AntiqueWhite #FAEBD7
アクア #00FFFF
アクアマリン #7FFFD4
紺碧 #F0FFFF
ベージュ #F5F5DC
ビスク #FFE4C4
ブラック #000000
BlanchedAlmond #FFEBCD
ブルー #0000FF
BlueViolet #8A2BE2
ブラウン #のA52A2A
BurlyWood #DEB887
CadetBlue #5F9EA0
シャルトリューズ #7FFF00
チョコレート #のD2691E
コーラル #FF7F50
CornflowerBlue #6495ED
Cornsilk #FFF8DC
クリムゾン #のDC143C
シアン #00FFFF
DarkBlueに #00008B
DarkCyan #008B8B
DarkGoldenRod #B8860B
DarkGray #A9A9A9
DarkGreen #006400
DarkKhaki #BDB76B
DarkMagenta #8B008B
DarkOliveGreen #556B2F
DarkOrange #FF8C00
DarkOrchid #9932CC
DarkRed #8B0000
DarkSalmon #のE9967A
DarkSeaGreen #8FBC8F
DarkSlateBlue #483D8B
DarkSlateGray #2F4F4F
DarkTurquoise #00CED1
DarkViolet #9400D3
DeepPink #FF1493
DeepSkyBlue #00BFFF
DimGray #696969
ドジャーブルー #1E90FF
耐火れんが #B22222
FloralWhite #FFFAF0
ForestGreen #228B22
フクシア #FF00FF
Gainsboro #DCDCDC
GhostWhite #F8F8FF
ゴールド #FFD700
アキノキリンソウ #DAA520
グレー #808080
グリーン #008000
GreenYellow #ADFF2F
甘露 #F0FFF0
HotPink #FF69B4
IndianRed #のCD5C5C
#4B0082
アイボリー #FFFFF0
カーキ #のF0E68C
ラベンダー #E6E6FA
LavenderBlush #FFF0F5
LawnGreen #7CFC00
LemonChiffon #FFFACD
水色 #ADD8E6
LightCoral #のF08080
LightCyan #E0FFFF
LightGoldenRodYellow #FAFAD2
LightGrayの #D3D3D3
ライトグリーン #90EE90
LightPink #FFB6C1
LightSalmon #のFFA07A
LightSeaGreen #20B2AA
LightSkyBlue #87CEFA
LightSlateGray #778899
LightSteelBlue #B0C4DE
LightYellow #FFFFE0
ライム #00FF00
LimeGreen #32CD32
リネン #FAF0E6
マゼンタ #FF00FF
マルーン #800000
MediumAquaMarine #66CDAA
MediumBlue #0000CD
MediumOrchid #BA55D3
MediumPurple #9370DB
MediumSeaGreen #3CB371
MediumSlateBlue #7B68EE
MediumSpringGreen #00FA9A
MediumTurquoise #48D1CC
MediumVioletRed #C71585
あるMidnightBlue #191970
MintCream #F5FFFA
MistyRose #FFE4E1
モカシン #FFE4B5
NavajoWhite #FFDEAD
ネイビー #000080
OldLace #FDF5E6
オリーブ #808000
OliveDrab #6B8E23
オレンジ #FFA500
オレンジレッド #FF4500
オーキッド #DA70D6
PaleGoldenRod #のEEE8AA
PaleGreen #98FB98
PaleTurquoise #AFEEEE
PaleVioletRed #DB7093
PapayaWhip #FFEFD5
PeachPuff #FFDAB9
ペルー #CD853F
ピンク #のFFC0CB
プラム #DDA0DD
PowderBlue #B0E0E6
パープル #800080
レッド #FF0000
RosyBrown #BC8F8F
RoyalBlue #4169E1
SaddleBrown #8B4513
サーモン #FA8072
SandyBrown #F4A460
SeaGreen #2E8B57
貝殻 #FFF5EE
シエナ #A0522D
シルバー #C0C0C0
スカイブルー #87CEEB
SlateBlue #6A5ACD
SlateGray #708090
スノー #FFFAFA
SpringGreen #00FF7F
SteelBlue #4682B4
タン #のD2B48C
ティール #008080
アザミ #D8BFD8
トマト #FF6347
ターコイズ #40E0D0
バイオレット #のEE82EE
ウィート #F5DEB3
ホワイト #FFFFFF
ホワイトスモーク #F5F5F5
黄色 #FFFF00
YellowGreen #9ACD32