カラーライブラリー.
CSS色名とAtlasエディションの実際の色を探索。HEX・RGB・HSL、コントラスト測定、色の関係、CSS例を確認できます。
色の系統
公開カタログ ↗black
CSS名前付き色↗
#0B1419
Atlasレシピの色↗
#141414
Atlasレシピの色↗
#17171D
Atlasレシピの色↗
#191C20
Atlasレシピの色↗
#20232A
Atlasレシピの色↗
#29212B
Atlasレシピの色↗
#30251E
Atlasレシピの色↗
#282828
Atlasレシピの色↗
#2D3127
Atlasレシピの色↗
#2E333B
Atlasレシピの色↗
#505866
Atlasレシピの色↗
#606060
Atlasレシピの色↗
dimgray
CSS名前付き色↗
gray
CSS名前付き色↗
#858585
Atlasレシピの色↗
#8C897F
Atlasレシピの色↗
darkgray
CSS名前付き色↗
#B4B9C2
Atlasレシピの色↗
silver
CSS名前付き色↗
lightgray
CSS名前付き色↗
#DDD8CA
Atlasレシピの色↗
gainsboro
CSS名前付き色↗
#DEDEDE
Atlasレシピの色↗
#D9E4DB
Atlasレシピの色↗
#F4EAF0
Atlasレシピの色↗
#E6F1ED
Atlasレシピの色↗
#E1F3EF
Atlasレシピの色↗
#EEF0F4
Atlasレシピの色↗
#E5F3F7
Atlasレシピの色↗
#F7F1E6
Atlasレシピの色↗
linen
CSS名前付き色↗
#F7F0FF
Atlasレシピの色↗
#FAF3EC
Atlasレシピの色↗
#F5F5EC
Atlasレシピの色↗
lavenderblush
CSS名前付き色↗
#F3F6EF
Atlasレシピの色↗
whitesmoke
CSS名前付き色↗
#F7F4F9
Atlasレシピの色↗
oldlace
CSS名前付き色↗
#F7F5FF
Atlasレシピの色↗
aliceblue
CSS名前付き色↗
#F4F7FD
Atlasレシピの色↗
seashell
CSS名前付き色↗
#F2FAFB
Atlasレシピの色↗
ghostwhite
CSS名前付き色↗
#FDF8F3
Atlasレシピの色↗
#FFF7F6
Atlasレシピの色↗
#FCF8FC
Atlasレシピの色↗
#FBFAF5
Atlasレシピの色↗
#FAFAFA
Atlasレシピの色↗
#FAFBF4
Atlasレシピの色↗
floralwhite
CSS名前付き色↗
snow
CSS名前付き色↗
azure
CSS名前付き色↗
mintcream
CSS名前付き色↗
ivory
CSS名前付き色↗
white
CSS名前付き色↗
#361B21
Atlasレシピの色↗
#691823
Atlasレシピの色↗
#593126
Atlasレシピの色↗
#6D2234
Atlasレシピの色↗
maroon
CSS名前付き色↗
darkred
CSS名前付き色↗
brown
CSS名前付き色↗
firebrick
CSS名前付き色↗
#A74358
Atlasレシピの色↗
#CF3346
Atlasレシピの色↗
crimson
CSS名前付き色↗
indianred
CSS名前付き色↗
red
CSS名前付き色↗
#DC5774
Atlasレシピの色↗
#EA5B35
Atlasレシピの色↗
rosybrown
CSS名前付き色↗
tomato
CSS名前付き色↗
lightcoral
CSS名前付き色↗
salmon
CSS名前付き色↗
lightpink
CSS名前付き色↗
#EDCAC2
Atlasレシピの色↗
pink
CSS名前付き色↗
#F4C9CE
Atlasレシピの色↗
#FDE3DF
Atlasレシピの色↗
mistyrose
CSS名前付き色↗
#39180C
Atlasレシピの色↗
#332914
Atlasレシピの色↗
#634711
Atlasレシピの色↗
#70432F
Atlasレシピの色↗
saddlebrown
CSS名前付き色↗
#934B14
Atlasレシピの色↗
#8B5B43
Atlasレシピの色↗
#8B5E3C
Atlasレシピの色↗
sienna
CSS名前付き色↗
#AC7864
Atlasレシピの色↗
#C96945
Atlasレシピの色↗
#B77959
Atlasレシピの色↗
chocolate
CSS名前付き色↗
darkgoldenrod
CSS名前付き色↗
orangered
CSS名前付き色↗
#DF7049
Atlasレシピの色↗
peru
CSS名前付き色↗
#D49039
Atlasレシピの色↗
#ED804B
Atlasレシピの色↗
#D99924
Atlasレシピの色↗
#ED8861
Atlasレシピの色↗
coral
CSS名前付き色↗
#D3A150
Atlasレシピの色↗
darkorange
CSS名前付き色↗
darksalmon
CSS名前付き色↗
goldenrod
CSS名前付き色↗
#EC997D
Atlasレシピの色↗
#D9AA79
Atlasレシピの色↗
#EAA181
Atlasレシピの色↗
#DBAD59
Atlasレシピの色↗
#D9B34C
Atlasレシピの色↗
sandybrown
CSS名前付き色↗
tan
CSS名前付き色↗
orange
CSS名前付き色↗
lightsalmon
CSS名前付き色↗
#E9B44C
Atlasレシピの色↗
#E4B575
Atlasレシピの色↗
burlywood
CSS名前付き色↗
#EFB35D
Atlasレシピの色↗
#F5CD89
Atlasレシピの色↗
#EFD3BD
Atlasレシピの色↗
#FFD194
Atlasレシピの色↗
#F4D6B6
Atlasレシピの色↗
wheat
CSS名前付き色↗
peachpuff
CSS名前付き色↗
#F5E1AD
Atlasレシピの色↗
navajowhite
CSS名前付き色↗
#FBE0D7
Atlasレシピの色↗
#FAE2D4
Atlasレシピの色↗
moccasin
CSS名前付き色↗
bisque
CSS名前付き色↗
antiquewhite
CSS名前付き色↗
blanchedalmond
CSS名前付き色↗
papayawhip
CSS名前付き色↗
#FFF0CF
Atlasレシピの色↗
olive
CSS名前付き色↗
#9D9C69
Atlasレシピの色↗
darkkhaki
CSS名前付き色↗
#DFBB49
Atlasレシピの色↗
#CCD856
Atlasレシピの色↗
gold
CSS名前付き色↗
khaki
CSS名前付き色↗
palegoldenrod
CSS名前付き色↗
beige
CSS名前付き色↗
yellow
CSS名前付き色↗
#FFF8C3
Atlasレシピの色↗
lightgoldenrodyellow
CSS名前付き色↗
cornsilk
CSS名前付き色↗
lemonchiffon
CSS名前付き色↗
lightyellow
CSS名前付き色↗
#161E10
Atlasレシピの色↗
#09281E
Atlasレシピの色↗
#192B22
Atlasレシピの色↗
#143724
Atlasレシピの色↗
#303D12
Atlasレシピの色↗
#3D452C
Atlasレシピの色↗
#264D40
Atlasレシピの色↗
darkgreen
CSS名前付き色↗
#276449
Atlasレシピの色↗
darkolivegreen
CSS名前付き色↗
green
CSS名前付き色↗
forestgreen
CSS名前付き色↗
#657D60
Atlasレシピの色↗
seagreen
CSS名前付き色↗
#438956
Atlasレシピの色↗
#76866B
Atlasレシピの色↗
olivedrab
CSS名前付き色↗
#728A4E
Atlasレシピの色↗
#8A9671
Atlasレシピの色↗
mediumseagreen
CSS名前付き色↗
#4EB598
Atlasレシピの色↗
limegreen
CSS名前付き色↗
darkseagreen
CSS名前付き色↗
#61CBAA
Atlasレシピの色↗
#32D399
Atlasレシピの色↗
mediumaquamarine
CSS名前付き色↗
yellowgreen
CSS名前付き色↗
#B5CB57
Atlasレシピの色↗
#65DFB6
Atlasレシピの色↗
#B9D94B
Atlasレシピの色↗
lime
CSS名前付き色↗
mediumspringgreen
CSS名前付き色↗
lightgreen
CSS名前付き色↗
springgreen
CSS名前付き色↗
#C8DFCD
Atlasレシピの色↗
lawngreen
CSS名前付き色↗
chartreuse
CSS名前付き色↗
palegreen
CSS名前付き色↗
#DDE3CE
Atlasレシピの色↗
#D8E8B4
Atlasレシピの色↗
greenyellow
CSS名前付き色↗
aquamarine
CSS名前付き色↗
#E6EFC9
Atlasレシピの色↗
honeydew
CSS名前付き色↗
#14313A
Atlasレシピの色↗
#173F36
Atlasレシピの色↗
#164C5A
Atlasレシピの色↗
darkslategray
CSS名前付き色↗
#1F7A79
Atlasレシピの色↗
teal
CSS名前付き色↗
darkcyan
CSS名前付き色↗
#238AA7
Atlasレシピの色↗
#0891B2
Atlasレシピの色↗
#658E99
Atlasレシピの色↗
cadetblue
CSS名前付き色↗
lightseagreen
CSS名前付き色↗
#38B9CF
Atlasレシピの色↗
deepskyblue
CSS名前付き色↗
#77BDCB
Atlasレシピの色↗
darkturquoise
CSS名前付き色↗
#8BC4C9
Atlasレシピの色↗
mediumturquoise
CSS名前付き色↗
skyblue
CSS名前付き色↗
turquoise
CSS名前付き色↗
lightblue
CSS名前付き色↗
powderblue
CSS名前付き色↗
aqua
CSS名前付き色↗
paleturquoise
CSS名前付き色↗
#BCECF0
Atlasレシピの色↗
#C7EDF0
Atlasレシピの色↗
lightcyan
CSS名前付き色↗
#0B1721
Atlasレシピの色↗
#111827
Atlasレシピの色↗
#071E2A
Atlasレシピの色↗
#142137
Atlasレシピの色↗
#231C3C
Atlasレシピの色↗
#172837
Atlasレシピの色↗
navy
CSS名前付き色↗
#0B2356
Atlasレシピの色↗
darkblue
CSS名前付き色↗
midnightblue
CSS名前付き色↗
#103550
Atlasレシピの色↗
#34275C
Atlasレシピの色↗
#35206A
Atlasレシピの色↗
#142E69
Atlasレシピの色↗
#16394C
Atlasレシピの色↗
#163A50
Atlasレシピの色↗
#173A53
Atlasレシピの色↗
mediumblue
CSS名前付き色↗
#314768
Atlasレシピの色↗
darkslateblue
CSS名前付き色↗
#1642A5
Atlasレシピの色↗
blue
CSS名前付き色↗
slateblue
CSS名前付き色↗
#2563EB
Atlasレシピの色↗
#3579A4
Atlasレシピの色↗
royalblue
CSS名前付き色↗
#7455ED
Atlasレシピの色↗
#8063BF
Atlasレシピの色↗
#657A91
Atlasレシピの色↗
#646FCD
Atlasレシピの色↗
steelblue
CSS名前付き色↗
slategray
CSS名前付き色↗
#6E82A2
Atlasレシピの色↗
mediumslateblue
CSS名前付き色↗
#8E73CB
Atlasレシピの色↗
lightslategray
CSS名前付き色↗
mediumpurple
CSS名前付き色↗
#7B8AC9
Atlasレシピの色↗
dodgerblue
CSS名前付き色↗
cornflowerblue
CSS名前付き色↗
#69AAF5
Atlasレシピの色↗
lightsteelblue
CSS名前付き色↗
lightskyblue
CSS名前付き色↗
#C8D9FF
Atlasレシピの色↗
#E0D7FF
Atlasレシピの色↗
#D2DFFD
Atlasレシピの色↗
lavender
CSS名前付き色↗
#302435
Atlasレシピの色↗
#362241
Atlasレシピの色↗
indigo
CSS名前付き色↗
rebeccapurple
CSS名前付き色↗
#74528D
Atlasレシピの色↗
darkviolet
CSS名前付き色↗
blueviolet
CSS名前付き色↗
darkorchid
CSS名前付き色↗
#9960BF
Atlasレシピの色↗
#8C829F
Atlasレシピの色↗
mediumorchid
CSS名前付き色↗
#AD91B7
Atlasレシピの色↗
#C8B6D9
Atlasレシピの色↗
#DDD0E7
Atlasレシピの色↗
#291823
Atlasレシピの色↗
#482844
Atlasレシピの色↗
#542C3C
Atlasレシピの色↗
purple
CSS名前付き色↗
#633E6A
Atlasレシピの色↗
darkmagenta
CSS名前付き色↗
#9B4267
Atlasレシピの色↗
mediumvioletred
CSS名前付き色↗
#A855A0
Atlasレシピの色↗
deeppink
CSS名前付き色↗
palevioletred
CSS名前付き色↗
#E76889
Atlasレシピの色↗
#DC799B
Atlasレシピの色↗
fuchsia
CSS名前付き色↗
orchid
CSS名前付き色↗
hotpink
CSS名前付き色↗
violet
CSS名前付き色↗
plum
CSS名前付き色↗
thistle
CSS名前付き色↗
#E4CAE2
Atlasレシピの色↗
#F1C5E1
Atlasレシピの色↗
#F0D9EE
Atlasレシピの色↗
コードから、使えるカラーシステムへ。
不透明な6桁HEXには、RGB・HSL・HSV・OKLCH・Lab、白黒との測定コントラスト、明暗スケール、CSS例、編集できるデザインを備えたパスポートがあります。このライブラリーはCSS色名と各エディションで実際に使用する色を収録しています。
色系統はHSL色相とOKLCHクロマによる閲覧用分類です。CSSの別名は同じHEXパスポートを共有します。 CSS色名の資料 ↗
公開カタログ ↗手法・色の科学・ライセンス ↗