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の16進数のカラー値

16進数値で並べ替え

色名によって分類されたリスト

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