カラーコード辞典

赤や青からクリムゾン・ティールまで、名前付き52色のHEX・RGB・HSLコードをコピーしてすぐ使えるカラーコード表。

項目を検索

52件

赤系

Red のカラーコード — #FF0000

#FF0000

Crimson のカラーコード — #DC143C

#DC143C

Firebrick のカラーコード — #B22222

#B22222

Tomato のカラーコード — #FF6347

#FF6347

Salmon のカラーコード — #FA8072

#FA8072

Maroon のカラーコード — #800000

#800000

Coral のカラーコード — #FF7F50

#FF7F50

オレンジ・茶系

Orange のカラーコード — #FFA500

#FFA500

Dark Orange のカラーコード — #FF8C00

#FF8C00

Chocolate のカラーコード — #D2691E

#D2691E

Peru のカラーコード — #CD853F

#CD853F

Sienna のカラーコード — #A0522D

#A0522D

Brown のカラーコード — #A52A2A

#A52A2A

黄系

Yellow のカラーコード — #FFFF00

#FFFF00

Gold のカラーコード — #FFD700

#FFD700

Khaki のカラーコード — #F0E68C

#F0E68C

Goldenrod のカラーコード — #DAA520

#DAA520

Amber のカラーコード — #FFBF00

#FFBF00

Olive のカラーコード — #808000

#808000

緑系

Green のカラーコード — #008000

#008000

Lime のカラーコード — #00FF00

#00FF00

Forest Green のカラーコード — #228B22

#228B22

Sea Green のカラーコード — #2E8B57

#2E8B57

Olive Drab のカラーコード — #6B8E23

#6B8E23

Teal のカラーコード — #008080

#008080

Spring Green のカラーコード — #00FF7F

#00FF7F

Mint のカラーコード — #3EB489

#3EB489

青系

Blue のカラーコード — #0000FF

#0000FF

Navy のカラーコード — #000080

#000080

Royal Blue のカラーコード — #4169E1

#4169E1

Sky Blue のカラーコード — #87CEEB

#87CEEB

Dodger Blue のカラーコード — #1E90FF

#1E90FF

Steel Blue のカラーコード — #4682B4

#4682B4

Cyan のカラーコード — #00FFFF

#00FFFF

Turquoise のカラーコード — #40E0D0

#40E0D0

紫・ピンク系

Purple のカラーコード — #800080

#800080

Indigo のカラーコード — #4B0082

#4B0082

Violet のカラーコード — #EE82EE

#EE82EE

Magenta のカラーコード — #FF00FF

#FF00FF

Orchid のカラーコード — #DA70D6

#DA70D6

Plum のカラーコード — #DDA0DD

#DDA0DD

Lavender のカラーコード — #E6E6FA

#E6E6FA

Pink のカラーコード — #FFC0CB

#FFC0CB

Hot Pink のカラーコード — #FF69B4

#FF69B4

無彩色

Black のカラーコード — #000000

#000000

White のカラーコード — #FFFFFF

#FFFFFF

Gray のカラーコード — #808080

#808080

Silver のカラーコード — #C0C0C0

#C0C0C0

Slate Gray のカラーコード — #708090

#708090

Dim Gray のカラーコード — #696969

#696969

Beige のカラーコード — #F5F5DC

#F5F5DC

Ivory のカラーコード — #FFFFF0

#FFFFF0

このコンテンツについて

無料のカラーコード辞典。色名で検索して、HEX・RGB・HSLのコードをワンタップでコピー。CSSにそのまま貼り付けて使えます。

赤・青・緑といった基本色から、クリムゾン・ティール・インディゴのような繊細な色名まで52色を収録。それぞれの色見本と一緒に、正確なカラーコードをまとめて確認できます。

選んだ色のシェード（濃淡）パレットも自動表示。明るめ・暗めのバリエーションを並べて見られるので、ボタンのホバー色や背景のグラデーション作りにぴったりです。

近い色・関連色へのリンクもあるので、配色に迷ったときの色見本帳としても便利。Webデザインやコーディングのカラーコード調べに、辞典代わりにお使いください。