ToolShed
ホーム
ツール一覧
読み込み中...
ホーム
カラー・デザイン
カラーコード一覧
カラー・デザイン
無料・登録不要
カラーコード一覧
和色・Web色のカラーコード一覧。HEX/RGB表示
全て
和色
Web色
全て
赤系
青系
緑系
黄系
紫系
茶系
白系
黒系
125 色表示
桜色
#FFDDE4
rgb(255, 221, 228)
和色
紅色
#D7003A
rgb(215, 0, 58)
和色
朱色
#EB6101
rgb(235, 97, 1)
和色
茜色
#C0392B
rgb(192, 57, 43)
和色
緋色
#E83929
rgb(232, 57, 41)
和色
深紅
#9B0000
rgb(155, 0, 0)
和色
薔薇色
#E95295
rgb(233, 82, 149)
和色
桃色
#F9A7B0
rgb(249, 167, 176)
和色
珊瑚色
#F08C72
rgb(240, 140, 114)
和色
鉛丹色
#E45E32
rgb(228, 94, 50)
和色
浅葱色
#00A3AF
rgb(0, 163, 175)
和色
紺色
#223A70
rgb(34, 58, 112)
和色
藍色
#165E83
rgb(22, 94, 131)
和色
瑠璃色
#2A5CAA
rgb(42, 92, 170)
和色
水色
#7EC8E3
rgb(126, 200, 227)
和色
空色
#87CEEB
rgb(135, 206, 235)
和色
縹色
#4DACBA
rgb(77, 172, 186)
和色
群青色
#2E59A7
rgb(46, 89, 167)
和色
鉄紺
#17375E
rgb(23, 55, 94)
和色
萌黄
#A9C087
rgb(169, 192, 135)
和色
若竹色
#68BE8D
rgb(104, 190, 141)
和色
松葉色
#546D3E
rgb(84, 109, 62)
和色
草色
#7BA23F
rgb(123, 162, 63)
和色
苔色
#6B6F3B
rgb(107, 111, 59)
和色
緑青色
#3EB370
rgb(62, 179, 112)
和色
常磐色
#007B43
rgb(0, 123, 67)
和色
深緑
#004D25
rgb(0, 77, 37)
和色
山吹色
#F8B500
rgb(248, 181, 0)
和色
鬱金色
#FABF14
rgb(250, 191, 20)
和色
黄蘗色
#F5E642
rgb(245, 230, 66)
和色
菜の花色
#F7D54A
rgb(247, 213, 74)
和色
金色
#C9A227
rgb(201, 162, 39)
和色
黄土色
#C8A26B
rgb(200, 162, 107)
和色
向日葵色
#FFD900
rgb(255, 217, 0)
和色
藤色
#BBA8D2
rgb(187, 168, 210)
和色
江戸紫
#6B3064
rgb(107, 48, 100)
和色
菫色
#8060A8
rgb(128, 96, 168)
和色
紫苑色
#9B90C2
rgb(155, 144, 194)
和色
杜若色
#4C3782
rgb(76, 55, 130)
和色
桔梗色
#6A4C9C
rgb(106, 76, 156)
和色
葡萄色
#5C2D6E
rgb(92, 45, 110)
和色
栗色
#6F3B1B
rgb(111, 59, 27)
和色
煤竹色
#7B4B2A
rgb(123, 75, 42)
和色
焦茶
#3D1C00
rgb(61, 28, 0)
和色
黄土色
#C8A26B
rgb(200, 162, 107)
和色
小麦色
#D4A96A
rgb(212, 169, 106)
和色
土色
#9B7B4B
rgb(155, 123, 75)
和色
丁子色
#C9A27E
rgb(201, 162, 126)
和色
白磁色
#F7F4EF
rgb(247, 244, 239)
和色
象牙色
#F5F0E0
rgb(245, 240, 224)
和色
胡粉色
#FAFAFA
rgb(250, 250, 250)
和色
卵色
#FFF1C2
rgb(255, 241, 194)
和色
墨色
#3D3535
rgb(61, 53, 53)
和色
鉄色
#2E3440
rgb(46, 52, 64)
和色
漆黒
#111111
rgb(17, 17, 17)
和色
鈍色
#808080
rgb(128, 128, 128)
和色
Red
#FF0000
rgb(255, 0, 0)
Crimson
#DC143C
rgb(220, 20, 60)
Tomato
#FF6347
rgb(255, 99, 71)
Salmon
#FA8072
rgb(250, 128, 114)
Coral
#FF7F50
rgb(255, 127, 80)
HotPink
#FF69B4
rgb(255, 105, 180)
DeepPink
#FF1493
rgb(255, 20, 147)
Pink
#FFC0CB
rgb(255, 192, 203)
LightPink
#FFB6C1
rgb(255, 182, 193)
IndianRed
#CD5C5C
rgb(205, 92, 92)
Blue
#0000FF
rgb(0, 0, 255)
DodgerBlue
#1E90FF
rgb(30, 144, 255)
CornflowerBlue
#6495ED
rgb(100, 149, 237)
SteelBlue
#4682B4
rgb(70, 130, 180)
RoyalBlue
#4169E1
rgb(65, 105, 225)
Navy
#000080
rgb(0, 0, 128)
MidnightBlue
#191970
rgb(25, 25, 112)
SkyBlue
#87CEEB
rgb(135, 206, 235)
LightSkyBlue
#87CEFA
rgb(135, 206, 250)
Aqua
#00FFFF
rgb(0, 255, 255)
Green
#008000
rgb(0, 128, 0)
Lime
#00FF00
rgb(0, 255, 0)
ForestGreen
#228B22
rgb(34, 139, 34)
SeaGreen
#2E8B57
rgb(46, 139, 87)
MediumSeaGreen
#3CB371
rgb(60, 179, 113)
Teal
#008080
rgb(0, 128, 128)
Olive
#808000
rgb(128, 128, 0)
YellowGreen
#9ACD32
rgb(154, 205, 50)
LawnGreen
#7CFC00
rgb(124, 252, 0)
Chartreuse
#7FFF00
rgb(127, 255, 0)
Yellow
#FFFF00
rgb(255, 255, 0)
Gold
#FFD700
rgb(255, 215, 0)
Orange
#FFA500
rgb(255, 165, 0)
OrangeRed
#FF4500
rgb(255, 69, 0)
Khaki
#F0E68C
rgb(240, 230, 140)
LightYellow
#FFFFE0
rgb(255, 255, 224)
LemonChiffon
#FFFACD
rgb(255, 250, 205)
PeachPuff
#FFDAB9
rgb(255, 218, 185)
Purple
#800080
rgb(128, 0, 128)
Violet
#EE82EE
rgb(238, 130, 238)
Magenta
#FF00FF
rgb(255, 0, 255)
Orchid
#DA70D6
rgb(218, 112, 214)
Plum
#DDA0DD
rgb(221, 160, 221)
Indigo
#4B0082
rgb(75, 0, 130)
BlueViolet
#8A2BE2
rgb(138, 43, 226)
MediumPurple
#9370DB
rgb(147, 112, 219)
Brown
#A52A2A
rgb(165, 42, 42)
SaddleBrown
#8B4513
rgb(139, 69, 19)
Sienna
#A0522D
rgb(160, 82, 45)
Maroon
#800000
rgb(128, 0, 0)
Tan
#D2B48C
rgb(210, 180, 140)
BurlyWood
#DEB887
rgb(222, 184, 135)
Wheat
#F5DEB3
rgb(245, 222, 179)
White
#FFFFFF
rgb(255, 255, 255)
Snow
#FFFAFA
rgb(255, 250, 250)
Ivory
#FFFFF0
rgb(255, 255, 240)
FloralWhite
#FFFAF0
rgb(255, 250, 240)
MintCream
#F5FFFA
rgb(245, 255, 250)
HoneyDew
#F0FFF0
rgb(240, 255, 240)
Linen
#FAF0E6
rgb(250, 240, 230)
AntiqueWhite
#FAEBD7
rgb(250, 235, 215)
Black
#000000
rgb(0, 0, 0)
Gray
#808080
rgb(128, 128, 128)
DarkGray
#A9A9A9
rgb(169, 169, 169)
LightGray
#D3D3D3
rgb(211, 211, 211)
Gainsboro
#DCDCDC
rgb(220, 220, 220)
DimGray
#696969
rgb(105, 105, 105)
Silver
#C0C0C0
rgb(192, 192, 192)
SlateGray
#708090
rgb(112, 128, 144)
よくある質問
和色（日本の伝統色）のカラーコードを調べられますか？
+
Webセーフカラーとは何ですか？今でも必要ですか？
+
CSSで使える色名（named colors）は何種類ありますか？
+
関連ツール
カラーパレット生成
配色理論ベースのパレット自動生成
HEX→RGB変換
HEXカラーコードをRGBに変換
CSSグラデーション生成
線形・放射状グラデーションのCSS生成
コントラスト比チェッカー
WCAG準拠のコントラスト比チェック
Box Shadow生成
CSS box-shadowのGUI作成
Flexboxジェネレーター
CSSフレックスボックスのGUI作成・コード生成