Dear color lovers – together, we’ll have a more colorful future. Support us on

✕

CSS のカラーネーム HEX カラー

16進数カラースペース

概要

16進数カラースペース（略してHEX）は、ウェブデザインで最も一般的に使われる色のコード方式です。HEXカラーは、赤 (Red)・緑 (Green)・青 (Blue) の 3 つの光の三原色を組み合わせて表します。各色は 00〜FF の 2 桁の 16進数で表され、それぞれのチャンネルの強さを示します。

完全な HEX カラーは 6 桁で構成されます。たとえば #FF0000 は赤、#00FF00 は緑を意味します。合計で約 1677 万色が表現でき、正確な数値で指定されるため、ブランドカラーやデジタルデザインの一貫性を保つのに最適です。

用途

HEX カラーシステムはウェブおよびスクリーンデザインの標準であり、HTML、CSS、SVG、React、Tailwind CSS などほぼすべてのフロントエンド技術でサポートされています。ブラウザー間で再現性が高く、色を正確に定義できる最も一般的な方法です。

RGB と比べると、HEX はより短くシンプルな表記ですが、意味は同じです。多くのデザイナーが HEX を使用して、ブランドのカラースタイルガイドを作成したり、ウェブサイトやアプリの配色を管理したりします。Figma、Adobe XD、qConv などのツールを使えば、HEX・RGB・HSL の相互変換も簡単です。

知っておくと良いこと

HEX カラーは #RRGGBB という形式に従います。最初の 2 桁が赤、中間の 2 桁が緑、最後の 2 桁が青を表します。たとえば #000000 は黒、#FFFFFF は白です。短縮表記の #FFF（#FFFFFF と同じ意味）も、単純な配色でよく使われます。

ディスプレイ上の各ピクセルは、赤・緑・青のサブピクセルの光を組み合わせて色を作り出します。HEX コードはそれらを直接制御するため、すべての表示デバイスに最適化されています。特にレスポンシブデザインでは、HEX 値を使うことでデバイスやブラウザー間の色の一貫性を保つことができます。

デザイナーへのヒント： デザインソフトから色をエクスポートする際は、プロジェクトが sRGB、Adobe RGB、または Display P3 のどのカラースペースで作成されているかを確認しましょう。これにより、すべてのデバイスで HEX カラーを正確に再現できます。

デザイナーとエージェンシーへのアドバイス

  • アクセシビリティを考慮： 文字と背景のコントラスト比を十分に確保してください を使えば、WCAG 基準に準拠した配色を確認できます。
  • 統一されたカラールール： HEX 値を使ってブランドカラーを定義し、（例：メインカラー、サブカラー、アクセントカラー）スタイルガイドにまとめることで、デジタル媒体全体の一貫性を維持できます。
  • 透明度を活用： HEX にアルファ値を加える（例：#FF000080 で 50％ の透明度）か、RGBA を使用して半透明のオーバーレイや効果を作成します。
  • カラーマネジメントの導入： HEX コードを CSS 変数やデザイントークンとして定義すれば、色の変更を一元管理できます。複数ブランドを扱う制作会社に最適です。
  • 複数デバイスで確認： モバイルでは色が明るく見えたり、デスクトップではコントラストが強く見えることがあります。キャリブレーション済みのデバイスで確認しましょう。

例

白 – HEX コード
#FFFFFF

青 – HEX コード
#0000FF

赤 – HEX コード
#FF0000

緑 – HEX コード
#00FF00

グレー – HEX コード
#808080

黄 – HEX コード
#FFFF00

表示オプション

すべてのCSSカラー名

すべてのカラーを表示する

Snow

#FFFAFA

RGB 255 250 250

Ghost white

#F8F8FF

RGB 248 248 255

White smoke

#F5F5F5

RGB 245 245 245

Gainsboro

#DCDCDC

RGB 220 220 220

Floral white

#FFFAF0

RGB 255 250 240

Old lace

#FDF5E6

RGB 253 245 230

Linen

#FAF0E6

RGB 250 240 230

Antique white

#FAEBD7

RGB 250 235 215

Papaya whip

#FFEFD5

RGB 255 239 213

Blanched almond

#FFEBCD

RGB 255 235 205

Bisque

#FFE4C4

RGB 255 228 196

Peach puff

#FFDAB9

RGB 255 218 185

Navajo white

#FFDEAD

RGB 255 222 173

Moccasin

#FFE4B5

RGB 255 228 181

Cornsilk

#FFF8DC

RGB 255 248 220

Ivory

#FFFFF0

RGB 255 255 240

Lemon chiffon

#FFFACD

RGB 255 250 205

Seashell

#FFF5EE

RGB 255 245 238

Honeydew

#F0FFF0

RGB 240 255 240

Mint cream

#F5FFFA

RGB 245 255 250

Azure

#F0FFFF

RGB 240 255 255

Alice blue

#F0F8FF

RGB 240 248 255

Lavender

#E6E6FA

RGB 230 230 250

Lavender blush

#FFF0F5

RGB 255 240 245

Misty rose

#FFE4E1

RGB 255 228 225

White

#FFFFFF

RGB 255 255 255

Black

#000000

RGB 0 0 0

Dark slate grey

#2F4F4F

RGB 47 79 79

Dim grey

#696969

RGB 105 105 105

Slate grey

#708090

RGB 112 128 144

Light slate grey

#778899

RGB 119 136 153

Grey

#BEBEBE

RGB 190 190 190

Light grey

#D3D3D3

RGB 211 211 211

Midnight blue

#191970

RGB 25 25 112

Navy

#000080

RGB 0 0 128

Cornflower blue

#6495ED

RGB 100 149 237

Dark slate blue

#483D8B

RGB 72 61 139

Slate blue

#6A5ACD

RGB 106 90 205

Medium slate blue

#7B68EE

RGB 123 104 238

Light slate blue

#8470FF

RGB 132 112 255

Medium blue

#0000CD

RGB 0 0 205

Royal blue

#4169E1

RGB 65 105 225

Blue

#0000FF

RGB 0 0 255

Dodger blue

#1E90FF

RGB 30 144 255

Deep sky blue

#00BFFF

RGB 0 191 255

Sky blue

#87CEEB

RGB 135 206 235

Light sky blue

#87CEFA

RGB 135 206 250

Steel blue

#4682B4

RGB 70 130 180

Light steel blue

#B0C4DE

RGB 176 196 222

Light blue

#ADD8E6

RGB 173 216 230

Powder blue

#B0E0E6

RGB 176 224 230

Pale turquoise

#AFEEEE

RGB 175 238 238

Dark turquoise

#00CED1

RGB 0 206 209

Medium turquoise

#48D1CC

RGB 72 209 204

Turquoise

#40E0D0

RGB 64 224 208

Cyan

#00FFFF

RGB 0 255 255

Light cyan

#E0FFFF

RGB 224 255 255

Cadet blue

#5F9EA0

RGB 95 158 160

Medium aquamarine

#66CDAA

RGB 102 205 170

Aquamarine

#7FFFD4

RGB 127 255 212

Darkgreen

#006400

RGB 0 100 0

Dark olivegreen

#556B2F

RGB 85 107 47

Dark seagreen

#8FBC8F

RGB 143 188 143

Seagreen

#2E8B57

RGB 46 139 87

Medium seagreen

#3CB371

RGB 60 179 113

Light seagreen

#20B2AA

RGB 32 178 170

Palegreen

#98FB98

RGB 152 251 152

Springgreen

#00FF7F

RGB 0 255 127

Lawngreen

#7CFC00

RGB 124 252 0

Green

#00FF00

RGB 0 255 0

Chartreuse

#7FFF00

RGB 127 255 0

Medium springgreen

#00FA9A

RGB 0 250 154

Green yellow

#ADFF2F

RGB 173 255 47

Limegreen

#32CD32

RGB 50 205 50

Yellowgreen

#9ACD32

RGB 154 205 50

Forestgreen

#228B22

RGB 34 139 34

Olive drab

#6B8E23

RGB 107 142 35

Dark khaki

#BDB76B

RGB 189 183 107

Khaki

#F0E68C

RGB 240 230 140

Pale goldenrod

#EEE8AA

RGB 238 232 170

Light goldenrod yellow

#FAFAD2

RGB 250 250 210

Light yellow

#FFFFE0

RGB 255 255 224

Yellow

#FFFF00

RGB 255 255 0

Gold

#FFD700

RGB 255 215 0

Light goldenrod

#EEDD82

RGB 238 221 130

Goldenrod

#DAA520

RGB 218 165 32

Dark goldenrod

#B8860B

RGB 184 134 11

Rosy brown

#BC8F8F

RGB 188 143 143

Indian red

#CD5C5C

RGB 205 92 92

Saddle brown

#8B4513

RGB 139 69 19

Sienna

#A0522D

RGB 160 82 45

Peru

#CD853F

RGB 205 133 63

Burlywood

#DEB887

RGB 222 184 135

Beige

#F5F5DC

RGB 245 245 220

Wheat

#F5DEB3

RGB 245 222 179

Sandy brown

#F4A460

RGB 244 164 96

Tan

#D2B48C

RGB 210 180 140

Chocolate

#D2691E

RGB 210 105 30

Firebrick

#B22222

RGB 178 34 34

Brown

#A52A2A

RGB 165 42 42

Dark salmon

#E9967A

RGB 233 150 122

Salmon

#FA8072

RGB 250 128 114

Light salmon

#FFA07A

RGB 255 160 122

Orange

#FFA500

RGB 255 165 0

Dark orange

#FF8C00

RGB 255 140 0

Coral

#FF7F50

RGB 255 127 80

Light coral

#F08080

RGB 240 128 128

Tomato

#FF6347

RGB 255 99 71

Orange red

#FF4500

RGB 255 69 0

Red

#FF0000

RGB 255 0 0

Hot pink

#FF69B4

RGB 255 105 180

Deep pink

#FF1493

RGB 255 20 147

Pink

#FFC0CB

RGB 255 192 203

Light pink

#FFB6C1

RGB 255 182 193

Pale violet red

#DB7093

RGB 219 112 147

Maroon

#B03060

RGB 176 48 96

Medium violet red

#C71585

RGB 199 21 133

Violet red

#D02090

RGB 208 32 144

Magenta

#FF00FF

RGB 255 0 255

Violet

#EE82EE

RGB 238 130 238

Plum

#DDA0DD

RGB 221 160 221

Orchid

#DA70D6

RGB 218 112 214

Medium orchid

#BA55D3

RGB 186 85 211

Dark orchid

#9932CC

RGB 153 50 204

Dark violet

#9400D3

RGB 148 0 211

Blue violet

#8A2BE2

RGB 138 43 226

Purple

#A020F0

RGB 160 32 240

Medium purple

#9370DB

RGB 147 112 219

Thistle

#D8BFD8

RGB 216 191 216

Snow1

#FFFAFA

RGB 255 250 250

Snow2

#EEE9E9

RGB 238 233 233

Snow3

#CDC9C9

RGB 205 201 201

Snow4

#8B8989

RGB 139 137 137

Seashell1

#FFF5EE

RGB 255 245 238

Seashell2

#EEE5DE

RGB 238 229 222

Seashell3

#CDC5BF

RGB 205 197 191

Seashell4

#8B8682

RGB 139 134 130

Antiquewhite1

#FFEFDB

RGB 255 239 219

Antiquewhite2

#EEDFCC

RGB 238 223 204

Antiquewhite3

#CDC0B0

RGB 205 192 176

Antiquewhite4

#8B8378

RGB 139 131 120

Bisque1

#FFE4C4

RGB 255 228 196

Bisque2

#EED5B7

RGB 238 213 183

Bisque3

#CDB79E

RGB 205 183 158

Bisque4

#8B7D6B

RGB 139 125 107

Peachpuff1

#FFDAB9

RGB 255 218 185

Peachpuff2

#EECBAD

RGB 238 203 173

Peachpuff3

#CDAF95

RGB 205 175 149

Peachpuff4

#8B7765

RGB 139 119 101

Navajowhite1

#FFDEAD

RGB 255 222 173

Navajowhite2

#EECFA1

RGB 238 207 161

Navajowhite3

#CDB38B

RGB 205 179 139

Navajowhite4

#8B795E

RGB 139 121 94

Lemonchiffon1

#FFFACD

RGB 255 250 205

Lemonchiffon2

#EEE9BF

RGB 238 233 191

Lemonchiffon3

#CDC9A5

RGB 205 201 165

Lemonchiffon4

#8B8970

RGB 139 137 112

Cornsilk1

#FFF8DC

RGB 255 248 220

Cornsilk2

#EEE8CD

RGB 238 232 205

Cornsilk3

#CDC8B1

RGB 205 200 177

Cornsilk4

#8B8878

RGB 139 136 120

Ivory1

#FFFFF0

RGB 255 255 240

Ivory2

#EEEEE0

RGB 238 238 224

Ivory3

#CDCDC1

RGB 205 205 193

Ivory4

#8B8B83

RGB 139 139 131

Honeydew1

#F0FFF0

RGB 240 255 240

Honeydew2

#E0EEE0

RGB 224 238 224

Honeydew3

#C1CDC1

RGB 193 205 193

Honeydew4

#838B83

RGB 131 139 131

Lavenderblush1

#FFF0F5

RGB 255 240 245

Lavenderblush2

#EEE0E5

RGB 238 224 229

Lavenderblush3

#CDC1C5

RGB 205 193 197

Lavenderblush4

#8B8386

RGB 139 131 134

Mistyrose1

#FFE4E1

RGB 255 228 225

Mistyrose2

#EED5D2

RGB 238 213 210

Mistyrose3

#CDB7B5

RGB 205 183 181

Mistyrose4

#8B7D7B

RGB 139 125 123

Azure1

#F0FFFF

RGB 240 255 255

Azure2

#E0EEEE

RGB 224 238 238

Azure3

#C1CDCD

RGB 193 205 205

Azure4

#838B8B

RGB 131 139 139

Slateblue1

#836FFF

RGB 131 111 255

Slateblue2

#7A67EE

RGB 122 103 238

Slateblue3

#6959CD

RGB 105 89 205

Slateblue4

#473C8B

RGB 71 60 139

Royalblue1

#4876FF

RGB 72 118 255

Royalblue2

#436EEE

RGB 67 110 238

Royalblue3

#3A5FCD

RGB 58 95 205

Royalblue4

#27408B

RGB 39 64 139

Blue1

#0000FF

RGB 0 0 255

Blue2

#0000EE

RGB 0 0 238

Blue3

#0000CD

RGB 0 0 205

Blue4

#00008B

RGB 0 0 139

Dodgerblue1

#1E90FF

RGB 30 144 255

Dodgerblue2

#1C86EE

RGB 28 134 238

Dodgerblue3

#1874CD

RGB 24 116 205

Dodgerblue4

#104E8B

RGB 16 78 139

Steelblue1

#63B8FF

RGB 99 184 255

Steelblue2

#5CACEE

RGB 92 172 238

Steelblue3

#4F94CD

RGB 79 148 205

Steelblue4

#36648B

RGB 54 100 139

Deepskyblue1

#00BFFF

RGB 0 191 255

Deepskyblue2

#00B2EE

RGB 0 178 238

Deepskyblue3

#009ACD

RGB 0 154 205

Deepskyblue4

#00688B

RGB 0 104 139

Skyblue1

#87CEFF

RGB 135 206 255

Skyblue2

#7EC0EE

RGB 126 192 238

Skyblue3

#6CA6CD

RGB 108 166 205

Skyblue4

#4A708B

RGB 74 112 139

Lightskyblue1

#B0E2FF

RGB 176 226 255

Lightskyblue2

#A4D3EE

RGB 164 211 238

Lightskyblue3

#8DB6CD

RGB 141 182 205

Lightskyblue4

#607B8B

RGB 96 123 139

Slategrey1

#C6E2FF

RGB 198 226 255

Slategrey2

#B9D3EE

RGB 185 211 238

Slategrey3

#9FB6CD

RGB 159 182 205

Slategrey4

#6C7B8B

RGB 108 123 139

Lightsteelblue1

#CAE1FF

RGB 202 225 255

Lightsteelblue2

#BCD2EE

RGB 188 210 238

Lightsteelblue3

#A2B5CD

RGB 162 181 205

Lightsteelblue4

#6E7B8B

RGB 110 123 139

Lightblue1

#BFEFFF

RGB 191 239 255

Lightblue2

#B2DFEE

RGB 178 223 238

Lightblue3

#9AC0CD

RGB 154 192 205

Lightblue4

#68838B

RGB 104 131 139

Lightcyan1

#E0FFFF

RGB 224 255 255

Lightcyan2

#D1EEEE

RGB 209 238 238

Lightcyan3

#B4CDCD

RGB 180 205 205

Lightcyan4

#7A8B8B

RGB 122 139 139

Paleturquoise1

#BBFFFF

RGB 187 255 255

Paleturquoise2

#AEEEEE

RGB 174 238 238

Paleturquoise3

#96CDCD

RGB 150 205 205

Paleturquoise4

#668B8B

RGB 102 139 139

Cadetblue1

#98F5FF

RGB 152 245 255

Cadetblue2

#8EE5EE

RGB 142 229 238

Cadetblue3

#7AC5CD

RGB 122 197 205

Cadetblue4

#53868B

RGB 83 134 139

Turquoise1

#00F5FF

RGB 0 245 255

Turquoise2

#00E5EE

RGB 0 229 238

Turquoise3

#00C5CD

RGB 0 197 205

Turquoise4

#00868B

RGB 0 134 139

Cyan1

#00FFFF

RGB 0 255 255

Cyan2

#00EEEE

RGB 0 238 238

Cyan3

#00CDCD

RGB 0 205 205

Cyan4

#008B8B

RGB 0 139 139

Darkslategrey1

#97FFFF

RGB 151 255 255

Darkslategrey2

#8DEEEE

RGB 141 238 238

Darkslategrey3

#79CDCD

RGB 121 205 205

Darkslategrey4

#528B8B

RGB 82 139 139

Aquamarine1

#7FFFD4

RGB 127 255 212

Aquamarine2

#76EEC6

RGB 118 238 198

Aquamarine3

#66CDAA

RGB 102 205 170

Aquamarine4

#458B74

RGB 69 139 116

Darkseagreen1

#C1FFC1

RGB 193 255 193

Darkseagreen2

#B4EEB4

RGB 180 238 180

Darkseagreen3

#9BCD9B

RGB 155 205 155

Darkseagreen4

#698B69

RGB 105 139 105

Seagreen1

#54FF9F

RGB 84 255 159

Seagreen2

#4EEE94

RGB 78 238 148

Seagreen3

#43CD80

RGB 67 205 128

Seagreen4

#2E8B57

RGB 46 139 87

Palegreen1

#9AFF9A

RGB 154 255 154

Palegreen2

#90EE90

RGB 144 238 144

Palegreen3

#7CCD7C

RGB 124 205 124

Palegreen4

#548B54

RGB 84 139 84

Springgreen1

#00FF7F

RGB 0 255 127

Springgreen2

#00EE76

RGB 0 238 118

Springgreen3

#00CD66

RGB 0 205 102

Springgreen4

#008B45

RGB 0 139 69

Green1

#00FF00

RGB 0 255 0

Green2

#00EE00

RGB 0 238 0

Green3

#00CD00

RGB 0 205 0

Green4

#008B00

RGB 0 139 0

Chartreuse1

#7FFF00

RGB 127 255 0

Chartreuse2

#76EE00

RGB 118 238 0

Chartreuse3

#66CD00

RGB 102 205 0

Chartreuse4

#458B00

RGB 69 139 0

Olivedrab1

#C0FF3E

RGB 192 255 62

Olivedrab2

#B3EE3A

RGB 179 238 58

Olivedrab3

#9ACD32

RGB 154 205 50

Olivedrab4

#698B22

RGB 105 139 34

Darkolivegreen1

#CAFF70

RGB 202 255 112

Darkolivegreen2

#BCEE68

RGB 188 238 104

Darkolivegreen3

#A2CD5A

RGB 162 205 90

Darkolivegreen4

#6E8B3D

RGB 110 139 61

Khaki1

#FFF68F

RGB 255 246 143

Khaki2

#EEE685

RGB 238 230 133

Khaki3

#CDC673

RGB 205 198 115

Khaki4

#8B864E

RGB 139 134 78

Lightgoldenrod1

#FFEC8B

RGB 255 236 139

Lightgoldenrod2

#EEDC82

RGB 238 220 130

Lightgoldenrod3

#CDBE70

RGB 205 190 112

Lightgoldenrod4

#8B814C

RGB 139 129 76

Lightyellow1

#FFFFE0

RGB 255 255 224

Lightyellow2

#EEEED1

RGB 238 238 209

Lightyellow3

#CDCDB4

RGB 205 205 180

Lightyellow4

#8B8B7A

RGB 139 139 122

Yellow1

#FFFF00

RGB 255 255 0

Yellow2

#EEEE00

RGB 238 238 0

Yellow3

#CDCD00

RGB 205 205 0

Yellow4

#8B8B00

RGB 139 139 0

Gold1

#FFD700

RGB 255 215 0

Gold2

#EEC900

RGB 238 201 0

Gold3

#CDAD00

RGB 205 173 0

Gold4

#8B7500

RGB 139 117 0

Goldenrod1

#FFC125

RGB 255 193 37

Goldenrod2

#EEB422

RGB 238 180 34

Goldenrod3

#CD9B1D

RGB 205 155 29

Goldenrod4

#8B6914

RGB 139 105 20

Darkgoldenrod1

#FFB90F

RGB 255 185 15

Darkgoldenrod2

#EEAD0E

RGB 238 173 14

Darkgoldenrod3

#CD950C

RGB 205 149 12

Darkgoldenrod4

#8B6508

RGB 139 101 8

Rosybrown1

#FFC1C1

RGB 255 193 193

Rosybrown2

#EEB4B4

RGB 238 180 180

Rosybrown3

#CD9B9B

RGB 205 155 155

Rosybrown4

#8B6969

RGB 139 105 105

Indianred1

#FF6A6A

RGB 255 106 106

Indianred2

#EE6363

RGB 238 99 99

Indianred3

#CD5555

RGB 205 85 85

Indianred4

#8B3A3A

RGB 139 58 58

Sienna1

#FF8247

RGB 255 130 71

Sienna2

#EE7942

RGB 238 121 66

Sienna3

#CD6839

RGB 205 104 57

Sienna4

#8B4726

RGB 139 71 38

Burlywood1

#FFD39B

RGB 255 211 155

Burlywood2

#EEC591

RGB 238 197 145

Burlywood3

#CDAA7D

RGB 205 170 125

Burlywood4

#8B7355

RGB 139 115 85

Wheat1

#FFE7BA

RGB 255 231 186

Wheat2

#EED8AE

RGB 238 216 174

Wheat3

#CDBA96

RGB 205 186 150

Wheat4

#8B7E66

RGB 139 126 102

Tan1

#FFA54F

RGB 255 165 79

Tan2

#EE9A49

RGB 238 154 73

Tan3

#CD853F

RGB 205 133 63

Tan4

#8B5A2B

RGB 139 90 43

Chocolate1

#FF7F24

RGB 255 127 36

Chocolate2

#EE7621

RGB 238 118 33

Chocolate3

#CD661D

RGB 205 102 29

Chocolate4

#8B4513

RGB 139 69 19

Firebrick1

#FF3030

RGB 255 48 48

Firebrick2

#EE2C2C

RGB 238 44 44

Firebrick3

#CD2626

RGB 205 38 38

Firebrick4

#8B1A1A

RGB 139 26 26

Brown1

#FF4040

RGB 255 64 64

Brown2

#EE3B3B

RGB 238 59 59

Brown3

#CD3333

RGB 205 51 51

Brown4

#8B2323

RGB 139 35 35

Salmon1

#FF8C69

RGB 255 140 105

Salmon2

#EE8262

RGB 238 130 98

Salmon3

#CD7054

RGB 205 112 84

Salmon4

#8B4C39

RGB 139 76 57

Lightsalmon1

#FFA07A

RGB 255 160 122

Lightsalmon2

#EE9572

RGB 238 149 114

Lightsalmon3

#CD8162

RGB 205 129 98

Lightsalmon4

#8B5742

RGB 139 87 66

Orange1

#FFA500

RGB 255 165 0

Orange2

#EE9A00

RGB 238 154 0

Orange3

#CD8500

RGB 205 133 0

Orange4

#8B5A00

RGB 139 90 0

Darkorange1

#FF7F00

RGB 255 127 0

Darkorange2

#EE7600

RGB 238 118 0

Darkorange3

#CD6600

RGB 205 102 0

Darkorange4

#8B4500

RGB 139 69 0

Coral1

#FF7256

RGB 255 114 86

Coral2

#EE6A50

RGB 238 106 80

Coral3

#CD5B45

RGB 205 91 69

Coral4

#8B3E2F

RGB 139 62 47

Tomato1

#FF6347

RGB 255 99 71

Tomato2

#EE5C42

RGB 238 92 66

Tomato3

#CD4F39

RGB 205 79 57

Tomato4

#8B3626

RGB 139 54 38

Orangered1

#FF4500

RGB 255 69 0

Orangered2

#EE4000

RGB 238 64 0

Orangered3

#CD3700

RGB 205 55 0

Orangered4

#8B2500

RGB 139 37 0

Red1

#FF0000

RGB 255 0 0

Red2

#EE0000

RGB 238 0 0

Red3

#CD0000

RGB 205 0 0

Red4

#8B0000

RGB 139 0 0

Deeppink1

#FF1493

RGB 255 20 147

Deeppink2

#EE1289

RGB 238 18 137

Deeppink3

#CD1076

RGB 205 16 118

Deeppink4

#8B0A50

RGB 139 10 80

Hotpink1

#FF6EB4

RGB 255 110 180

Hotpink2

#EE6AA7

RGB 238 106 167

Hotpink3

#CD6090

RGB 205 96 144

Hotpink4

#8B3A62

RGB 139 58 98

Pink1

#FFB5C5

RGB 255 181 197

Pink2

#EEA9B8

RGB 238 169 184

Pink3

#CD919E

RGB 205 145 158

Pink4

#8B636C

RGB 139 99 108

Lightpink1

#FFAEB9

RGB 255 174 185

Lightpink2

#EEA2AD

RGB 238 162 173

Lightpink3

#CD8C95

RGB 205 140 149

Lightpink4

#8B5F65

RGB 139 95 101

Palevioletred1

#FF82AB

RGB 255 130 171

Palevioletred2

#EE799F

RGB 238 121 159

Palevioletred3

#CD6889

RGB 205 104 137

Palevioletred4

#8B475D

RGB 139 71 93

Maroon1

#FF34B3

RGB 255 52 179

Maroon2

#EE30A7

RGB 238 48 167

Maroon3

#CD2990

RGB 205 41 144

Maroon4

#8B1C62

RGB 139 28 98

Violetred1

#FF3E96

RGB 255 62 150

Violetred2

#EE3A8C

RGB 238 58 140

Violetred3

#CD3278

RGB 205 50 120

Violetred4

#8B2252

RGB 139 34 82

Magenta1

#FF00FF

RGB 255 0 255

Magenta2

#EE00EE

RGB 238 0 238

Magenta3

#CD00CD

RGB 205 0 205

Magenta4

#8B008B

RGB 139 0 139

Orchid1

#FF83FA

RGB 255 131 250

Orchid2

#EE7AE9

RGB 238 122 233

Orchid3

#CD69C9

RGB 205 105 201

Orchid4

#8B4789

RGB 139 71 137

Plum1

#FFBBFF

RGB 255 187 255

Plum2

#EEAEEE

RGB 238 174 238

Plum3

#CD96CD

RGB 205 150 205

Plum4

#8B668B

RGB 139 102 139

Mediumorchid1

#E066FF

RGB 224 102 255

Mediumorchid2

#D15FEE

RGB 209 95 238

Mediumorchid3

#B452CD

RGB 180 82 205

Mediumorchid4

#7A378B

RGB 122 55 139

Darkorchid1

#BF3EFF

RGB 191 62 255

Darkorchid2

#B23AEE

RGB 178 58 238

Darkorchid3

#9A32CD

RGB 154 50 205

Darkorchid4

#68228B

RGB 104 34 139

Purple1

#9B30FF

RGB 155 48 255

Purple2

#912CEE

RGB 145 44 238

Purple3

#7D26CD

RGB 125 38 205

Purple4

#551A8B

RGB 85 26 139

Mediumpurple1

#AB82FF

RGB 171 130 255

Mediumpurple2

#9F79EE

RGB 159 121 238

Mediumpurple3

#8968CD

RGB 137 104 205

Mediumpurple4

#5D478B

RGB 93 71 139

Thistle1

#FFE1FF

RGB 255 225 255

Thistle2

#EED2EE

RGB 238 210 238

Thistle3

#CDB5CD

RGB 205 181 205

Thistle4

#8B7B8B

RGB 139 123 139

Grey1

#030303

RGB 3 3 3

Grey2

#050505

RGB 5 5 5

Grey3

#080808

RGB 8 8 8

Grey4

#0A0A0A

RGB 10 10 10

Grey5

#0D0D0D

RGB 13 13 13

Grey6

#0F0F0F

RGB 15 15 15

Grey7

#121212

RGB 18 18 18

Grey8

#141414

RGB 20 20 20

Grey9

#171717

RGB 23 23 23

Grey10

#1A1A1A

RGB 26 26 26

Grey11

#1C1C1C

RGB 28 28 28

Grey12

#1F1F1F

RGB 31 31 31

Grey13

#212121

RGB 33 33 33

Grey14

#242424

RGB 36 36 36

Grey15

#262626

RGB 38 38 38

Grey16

#292929

RGB 41 41 41

Grey17

#2B2B2B

RGB 43 43 43

Grey18

#2E2E2E

RGB 46 46 46

Grey19

#303030

RGB 48 48 48

Grey20

#333333

RGB 51 51 51

Grey21

#363636

RGB 54 54 54

Grey22

#383838

RGB 56 56 56

Grey23

#3B3B3B

RGB 59 59 59

Grey24

#3D3D3D

RGB 61 61 61

Grey25

#404040

RGB 64 64 64

Grey26

#424242

RGB 66 66 66

Grey27

#454545

RGB 69 69 69

Grey28

#474747

RGB 71 71 71

Grey29

#4A4A4A

RGB 74 74 74

Grey30

#4D4D4D

RGB 77 77 77

Grey31

#4F4F4F

RGB 79 79 79

Grey32

#525252

RGB 82 82 82

Grey33

#545454

RGB 84 84 84

Grey34

#575757

RGB 87 87 87

Grey35

#595959

RGB 89 89 89

Grey36

#5C5C5C

RGB 92 92 92

Grey37

#5E5E5E

RGB 94 94 94

Grey38

#616161

RGB 97 97 97

Grey39

#636363

RGB 99 99 99

Grey40

#666666

RGB 102 102 102

Grey41

#696969

RGB 105 105 105

Grey42

#6B6B6B

RGB 107 107 107

Grey43

#6E6E6E

RGB 110 110 110

Grey44

#707070

RGB 112 112 112

Grey45

#737373

RGB 115 115 115

Grey46

#757575

RGB 117 117 117

Grey47

#787878

RGB 120 120 120

Grey48

#7A7A7A

RGB 122 122 122

Grey49

#7D7D7D

RGB 125 125 125

Grey50

#7F7F7F

RGB 127 127 127

Grey51

#828282

RGB 130 130 130

Grey52

#858585

RGB 133 133 133

Grey53

#878787

RGB 135 135 135

Grey54

#8A8A8A

RGB 138 138 138

Grey55

#8C8C8C

RGB 140 140 140

Grey56

#8F8F8F

RGB 143 143 143

Grey57

#919191

RGB 145 145 145

Grey58

#949494

RGB 148 148 148

Grey59

#969696

RGB 150 150 150

Grey60

#999999

RGB 153 153 153

Grey61

#9C9C9C

RGB 156 156 156

Grey62

#9E9E9E

RGB 158 158 158

Grey63

#A1A1A1

RGB 161 161 161

Grey64

#A3A3A3

RGB 163 163 163

Grey65

#A6A6A6

RGB 166 166 166

Grey66

#A8A8A8

RGB 168 168 168

Grey67

#ABABAB

RGB 171 171 171

Grey68

#ADADAD

RGB 173 173 173

Grey69

#B0B0B0

RGB 176 176 176

Grey70

#B3B3B3

RGB 179 179 179

Grey71

#B5B5B5

RGB 181 181 181

Grey72

#B8B8B8

RGB 184 184 184

Grey73

#BABABA

RGB 186 186 186

Grey74

#BDBDBD

RGB 189 189 189

Grey75

#BFBFBF

RGB 191 191 191

Grey76

#C2C2C2

RGB 194 194 194

Grey77

#C4C4C4

RGB 196 196 196

Grey78

#C7C7C7

RGB 199 199 199

Grey79

#C9C9C9

RGB 201 201 201

Grey80

#CCCCCC

RGB 204 204 204

Grey81

#CFCFCF

RGB 207 207 207

Grey82

#D1D1D1

RGB 209 209 209

Grey83

#D4D4D4

RGB 212 212 212

Grey84

#D6D6D6

RGB 214 214 214

Grey85

#D9D9D9

RGB 217 217 217

Grey86

#DBDBDB

RGB 219 219 219

Grey87

#DEDEDE

RGB 222 222 222

Grey88

#E0E0E0

RGB 224 224 224

Grey89

#E3E3E3

RGB 227 227 227

Grey90

#E5E5E5

RGB 229 229 229

Grey91

#E8E8E8

RGB 232 232 232

Grey92

#EBEBEB

RGB 235 235 235

Grey93

#EDEDED

RGB 237 237 237

Grey94

#F0F0F0

RGB 240 240 240

Grey95

#F2F2F2

RGB 242 242 242

Grey96

#F5F5F5

RGB 245 245 245

Grey97

#F7F7F7

RGB 247 247 247

Grey98

#FAFAFA

RGB 250 250 250

Grey99

#FCFCFC

RGB 252 252 252

メーカーとしてのカラーパレットの検証！

デザイナーやエージェンシーに正確なカラーバリューを提供することができます。

レッツゴー

ディスプレイ

サービス内容

カラー

ラグビー に 呪咀

から変換する RGB レッド・グリーン・ブルー まで #RRGGBB

ラグビー に カミーユ

から変換する RGB レッド・グリーン・ブルー まで CMYK シアン／マゼンタ／イエロー／キー

Icons

ラグビー に ラル®

から変換する RGB レッド・グリーン・ブルー まで RAL® 番号 (RAL 0000)

ラグビー に 豚足®

から変換する RGB レッド・グリーン・ブルー まで HKS® 番号(HKS 00)

ラグビー に パントン®

から変換する RGB レッド・グリーン・ブルー まで Pantone® 番号 (Pantone 0000)

ラグビー に シャーウィン・ウィリアムズ®

から変換する RGB レッド・グリーン・ブルー まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

ラグビー に エヌシーエス®

から変換する RGB レッド・グリーン・ブルー まで NCS番号(S0000-X00X)

nsc-logo

ラグバ に 呪咀

から変換する RGBA 赤 緑 青 透過率 まで #RRGGBB

ラグバ に カミーユ

から変換する RGBA 赤 緑 青 透過率 まで CMYK シアン／マゼンタ／イエロー／キー

Icons

ラグバ に ラル®

から変換する RGBA 赤 緑 青 透過率 まで RAL® 番号 (RAL 0000)

ラグバ に 豚足®

から変換する RGBA 赤 緑 青 透過率 まで HKS® 番号(HKS 00)

ラグバ に パントン®

から変換する RGBA 赤 緑 青 透過率 まで Pantone® 番号 (Pantone 0000)

ラグバ に シャーウィン・ウィリアムズ®

から変換する RGBA 赤 緑 青 透過率 まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

ラグバ に エヌシーエス®

から変換する RGBA 赤 緑 青 透過率 まで NCS番号(S0000-X00X)

nsc-logo
Icons

カミーユ に 呪咀

から変換する CMYK シアン／マゼンタ／イエロー／キー まで #RRGGBB
Icons

カミーユ に ラグビー

から変換する CMYK シアン／マゼンタ／イエロー／キー まで RGB レッド・グリーン・ブルー
Icons

カミーユ に ラグバ

から変換する CMYK シアン／マゼンタ／イエロー／キー まで RGBA 赤 緑 青 透過率
Icons

カミーユ に ラル®

から変換する CMYK シアン／マゼンタ／イエロー／キー まで RAL® 番号 (RAL 0000)
Icons

カミーユ に 豚足®

から変換する CMYK シアン／マゼンタ／イエロー／キー まで HKS® 番号(HKS 00)
Icons

カミーユ に パントン®

から変換する CMYK シアン／マゼンタ／イエロー／キー まで Pantone® 番号 (Pantone 0000)
Icons

カミーユ に シャーウィン・ウィリアムズ®

から変換する CMYK シアン／マゼンタ／イエロー／キー まで シャーウィン・ウィリアムズ® 番号 (SW 0000)
Icons

カミーユ に エヌシーエス®

から変換する CMYK シアン／マゼンタ／イエロー／キー まで NCS番号(S0000-X00X)

nsc-logo

呪咀 に ラグビー

から変換する #RRGGBB まで RGB レッド・グリーン・ブルー

呪咀 に ラグバ

から変換する #RRGGBB まで RGBA 赤 緑 青 透過率

呪咀 に カミーユ

から変換する #RRGGBB まで CMYK シアン／マゼンタ／イエロー／キー

Icons

呪咀 に ラル®

から変換する #RRGGBB まで RAL® 番号 (RAL 0000)

呪咀 に 豚足®

から変換する #RRGGBB まで HKS® 番号(HKS 00)

呪咀 に パントン®

から変換する #RRGGBB まで Pantone® 番号 (Pantone 0000)

呪咀 に シャーウィン・ウィリアムズ®

から変換する #RRGGBB まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

呪咀 に エヌシーエス®

から変換する #RRGGBB まで NCS番号(S0000-X00X)

nsc-logo

ラル® に ラグビー

から変換する RAL® 番号 (RAL 0000) まで RGB レッド・グリーン・ブルー

ラル® に ラグバ

から変換する RAL® 番号 (RAL 0000) まで RGBA 赤 緑 青 透過率

ラル® に カミーユ

から変換する RAL® 番号 (RAL 0000) まで CMYK シアン／マゼンタ／イエロー／キー

Icons

ラル® に 呪咀

から変換する RAL® 番号 (RAL 0000) まで #RRGGBB

ラル® に 豚足®

から変換する RAL® 番号 (RAL 0000) まで HKS® 番号(HKS 00)

ラル® に パントン®

から変換する RAL® 番号 (RAL 0000) まで Pantone® 番号 (Pantone 0000)

ラル® に シャーウィン・ウィリアムズ®

から変換する RAL® 番号 (RAL 0000) まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

ラル® に エヌシーエス®

から変換する RAL® 番号 (RAL 0000) まで NCS番号(S0000-X00X)

nsc-logo

豚足® に ラグビー

から変換する HKS® 番号(HKS 00) まで RGB レッド・グリーン・ブルー

豚足® に ラグバ

から変換する HKS® 番号(HKS 00) まで RGBA 赤 緑 青 透過率

豚足® に カミーユ

から変換する HKS® 番号(HKS 00) まで CMYK シアン／マゼンタ／イエロー／キー

Icons

豚足® に 呪咀

から変換する HKS® 番号(HKS 00) まで #RRGGBB

豚足® に ラル®

から変換する HKS® 番号(HKS 00) まで RAL® 番号 (RAL 0000)

豚足® に パントン®

から変換する HKS® 番号(HKS 00) まで Pantone® 番号 (Pantone 0000)

豚足® に シャーウィン・ウィリアムズ®

から変換する HKS® 番号(HKS 00) まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

豚足® に エヌシーエス®

から変換する HKS® 番号(HKS 00) まで NCS番号(S0000-X00X)

nsc-logo

パントン® に ラグビー

から変換する Pantone® 番号 (Pantone 0000) まで RGB レッド・グリーン・ブルー

パントン® に ラグバ

から変換する Pantone® 番号 (Pantone 0000) まで RGBA 赤 緑 青 透過率

パントン® に カミーユ

から変換する Pantone® 番号 (Pantone 0000) まで CMYK シアン／マゼンタ／イエロー／キー

Icons

パントン® に 呪咀

から変換する Pantone® 番号 (Pantone 0000) まで #RRGGBB

パントン® に ラル®

から変換する Pantone® 番号 (Pantone 0000) まで RAL® 番号 (RAL 0000)

パントン® に 豚足®

から変換する Pantone® 番号 (Pantone 0000) まで HKS® 番号(HKS 00)

パントン® に シャーウィン・ウィリアムズ®

から変換する Pantone® 番号 (Pantone 0000) まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

パントン® に エヌシーエス®

から変換する Pantone® 番号 (Pantone 0000) まで NCS番号(S0000-X00X)

nsc-logo

シャーウィン・ウィリアムズ® に ラグビー

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで RGB レッド・グリーン・ブルー

シャーウィン・ウィリアムズ® に ラグバ

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで RGBA 赤 緑 青 透過率

シャーウィン・ウィリアムズ® に カミーユ

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで CMYK シアン／マゼンタ／イエロー／キー

Icons

シャーウィン・ウィリアムズ® に 呪咀

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで #RRGGBB

シャーウィン・ウィリアムズ® に ラル®

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで RAL® 番号 (RAL 0000)

シャーウィン・ウィリアムズ® に 豚足®

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで HKS® 番号(HKS 00)

シャーウィン・ウィリアムズ® に パントン®

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで Pantone® 番号 (Pantone 0000)

シャーウィン・ウィリアムズ® に エヌシーエス®

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで NCS番号(S0000-X00X)

nsc-logo
nsc-logo

エヌシーエス® に ラグビー

から変換する NCS番号(S0000-X00X) まで RGB レッド・グリーン・ブルー
nsc-logo

エヌシーエス® に ラグバ

から変換する NCS番号(S0000-X00X) まで RGBA 赤 緑 青 透過率
nsc-logo

エヌシーエス® に カミーユ

から変換する NCS番号(S0000-X00X) まで CMYK シアン／マゼンタ／イエロー／キー

Icons
nsc-logo

エヌシーエス® に 呪咀

から変換する NCS番号(S0000-X00X) まで #RRGGBB
nsc-logo

エヌシーエス® に ラル®

から変換する NCS番号(S0000-X00X) まで RAL® 番号 (RAL 0000)
nsc-logo

エヌシーエス® に 豚足®

から変換する NCS番号(S0000-X00X) まで HKS® 番号(HKS 00)
nsc-logo

エヌシーエス® に パントン®

から変換する NCS番号(S0000-X00X) まで Pantone® 番号 (Pantone 0000)
nsc-logo

エヌシーエス® に シャーウィン・ウィリアムズ®

から変換する NCS番号(S0000-X00X) まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

To be able to save color palettes, a registration is required.

As a guest, you can collect and download colors in the color collector. Activate qConv Start for free to save color palettes permanently and manage the colors in each palette.

Log in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the desired link.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking on you can create palettes and download the color swatches.

Gastzugang

Gastzugang

Guest access – no qConv Start profile yet Core functions are available with a guest allowance. qConv Start is activated after you create a free account. You can then save color palettes and images permanently in your profile.
Save color palettes: free profile requiredUp to 5 colors in the guest color collector

© 2019-2026 - Designed by frag-bobby.de