一網打尽
基本色調と補色などの2つの色調から、CSSが色のグラデーションを提案します。
線形および放射状の色遷移の例をご覧ください。
ウェブデザインに簡単：CSSコードをコピーして、ウェブサイトに簡単に組み込めます。
ベースとなる色調と明るい色調など、2 つの色調から CSS で色のグラデーションを提案させます。
線形および放射状の色遷移の例を 明るい色合い から検索します。
ウェブデザインに簡単：CSS コードをコピーしてウェブサイトに簡単に組み込めます。
ベースとなる色調と暗い色調など、2 つの色調から CSS で色のグラデーションを提案させます。
線形および放射状の色遷移の例を ダークシェード から検索します。
ウェブデザインに簡単：CSS コードをコピーして、ウェブサイトに簡単に組み込めます。
明るい色：高い色彩値は明るい印象を与える。
RGB表色系における色の内訳：この色相では、最大255の色成分のうち、それぞれ 236 赤色 219 グリーンと 185 ブルー。
これらの色の混合比によって、重なり合った部分の真ん中に表示される色合いとなります。
イラストでは、赤（上）、緑（右下）、青（左下）の3つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。
CMYK表色系では、色は次のように構成される。この色調では、最大色成分100のうち、それぞれ 皆無 シアン 皆無 マゼンタ 皆無 黄色と 皆無 これらの色の混合比によって、重なり合った部分の真ん中に表示される色合いとなります。
イラストでは、シアン（左上）、マゼンタ（右上）、イエローまたは黄（右下）、ブラックまたはキー（左下）の4つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。
リニア
HEX #ECDBB900 まで HEX #13244600
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 5%, #13244600 87%);
ラジアル
HEX #ECDBB900 まで HEX #13244600
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 10%, #13244600 97%);
HEX #13244600 まで HEX #ECDBB900
CSSコード:
background-image: linear-gradient(135deg, #13244600 2%, #ECDBB900 95%);
HEX #13244600 まで HEX #ECDBB900
CSSコード:
background-image: radial-gradient(circle, #13244600 13%, #ECDBB900 89%);
リニア
HEX #ECDBB900 まで HEX #ECCFBB00
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 2%, #ECCFBB00 86%);
ラジアル
HEX #ECDBB900 まで HEX #ECCFBB00
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 10%, #ECCFBB00 95%);
HEX #ECCFBB00 まで HEX #ECDBB900
CSSコード:
background-image: linear-gradient(135deg, #ECCFBB00 13%, #ECDBB900 90%);
HEX #ECCFBB00 まで HEX #ECDBB900
CSSコード:
background-image: radial-gradient(circle, #ECCFBB00 14%, #ECDBB900 99%);
HEX #ECDBB900 まで HEX #ECDCBB00
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 2%, #ECDCBB00 86%);
HEX #ECDBB900 まで HEX #ECDCBB00
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 5%, #ECDCBB00 95%);
HEX #ECDCBB00 まで HEX #ECDBB900
CSSコード:
background-image: linear-gradient(135deg, #ECDCBB00 14%, #ECDBB900 90%);
HEX #ECDCBB00 まで HEX #ECDBB900
CSSコード:
background-image: radial-gradient(circle, #ECDCBB00 12%, #ECDBB900 98%);
HEX #ECDBB900 まで HEX #ECE9BB00
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 2%, #ECE9BB00 100%);
HEX #ECDBB900 まで HEX #ECE9BB00
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 10%, #ECE9BB00 92%);
HEX #ECE9BB00 まで HEX #ECDBB900
CSSコード:
background-image: linear-gradient(135deg, #ECE9BB00 7%, #ECDBB900 100%);
HEX #ECE9BB00 まで HEX #ECDBB900
CSSコード:
background-image: radial-gradient(circle, #ECE9BB00 8%, #ECDBB900 95%);
HEX #ECDBB900 まで HEX #E2ECBB00
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 7%, #E2ECBB00 95%);
HEX #ECDBB900 まで HEX #E2ECBB00
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 12%, #E2ECBB00 98%);
HEX #E2ECBB00 まで HEX #ECDBB900
CSSコード:
background-image: linear-gradient(135deg, #E2ECBB00 11%, #ECDBB900 99%);
HEX #E2ECBB00 まで HEX #ECDBB900
CSSコード:
background-image: radial-gradient(circle, #E2ECBB00 13%, #ECDBB900 90%);
リニア
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 10%, #E3CB9B 98%);
ラジアル
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 4%, #E3CB9B 96%);
CSSコード:
background-image: linear-gradient(135deg, #E3CB9B 0%, #ECDBB900 95%);
CSSコード:
background-image: radial-gradient(circle, #E3CB9B 7%, #ECDBB900 100%);
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 1%, #ECDCBB 88%);
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 3%, #ECDCBB 89%);
CSSコード:
background-image: linear-gradient(135deg, #ECDCBB 1%, #ECDBB900 92%);
CSSコード:
background-image: radial-gradient(circle, #ECDCBB 7%, #ECDBB900 94%);
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 4%, #F5EDDB 88%);
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 13%, #F5EDDB 86%);
CSSコード:
background-image: linear-gradient(135deg, #F5EDDB 7%, #ECDBB900 86%);
CSSコード:
background-image: radial-gradient(circle, #F5EDDB 9%, #ECDBB900 95%);
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 3%, #FEFDFC 98%);
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 4%, #FEFDFC 86%);
CSSコード:
background-image: linear-gradient(135deg, #FEFDFC 5%, #ECDBB900 96%);
CSSコード:
background-image: radial-gradient(circle, #FEFDFC 1%, #ECDBB900 95%);
リニア
HEX #ECDBB900 まで HEX #ECCFBB00
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 9%, #ECCFBB00 98%);
ラジアル
HEX #ECDBB900 まで HEX #ECCFBB00
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 12%, #ECCFBB00 99%);
HEX #ECCFBB00 まで HEX #ECDBB900
CSSコード:
background-image: linear-gradient(135deg, #ECCFBB00 2%, #ECDBB900 86%);
HEX #ECCFBB00 まで HEX #ECDBB900
CSSコード:
background-image: radial-gradient(circle, #ECCFBB00 9%, #ECDBB900 92%);
HEX #ECDBB900 まで HEX #ECDCBB00
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 6%, #ECDCBB00 96%);
HEX #ECDBB900 まで HEX #ECDCBB00
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 3%, #ECDCBB00 97%);
HEX #ECDCBB00 まで HEX #ECDBB900
CSSコード:
background-image: linear-gradient(135deg, #ECDCBB00 9%, #ECDBB900 89%);
HEX #ECDCBB00 まで HEX #ECDBB900
CSSコード:
background-image: radial-gradient(circle, #ECDCBB00 4%, #ECDBB900 96%);
HEX #ECDBB900 まで HEX #ECE9BB00
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 6%, #ECE9BB00 95%);
HEX #ECDBB900 まで HEX #ECE9BB00
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 1%, #ECE9BB00 94%);
HEX #ECE9BB00 まで HEX #ECDBB900
CSSコード:
background-image: linear-gradient(135deg, #ECE9BB00 3%, #ECDBB900 94%);
HEX #ECE9BB00 まで HEX #ECDBB900
CSSコード:
background-image: radial-gradient(circle, #ECE9BB00 8%, #ECDBB900 92%);
HEX #ECDBB900 まで HEX #E2ECBB00
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 7%, #E2ECBB00 95%);
HEX #ECDBB900 まで HEX #E2ECBB00
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 9%, #E2ECBB00 91%);
HEX #E2ECBB00 まで HEX #ECDBB900
CSSコード:
background-image: linear-gradient(135deg, #E2ECBB00 7%, #ECDBB900 88%);
HEX #E2ECBB00 まで HEX #ECDBB900
CSSコード:
background-image: radial-gradient(circle, #E2ECBB00 0%, #ECDBB900 96%);
リニア
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 13%, #E3CB9B 95%);
ラジアル
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 13%, #E3CB9B 95%);
CSSコード:
background-image: linear-gradient(135deg, #E3CB9B 11%, #ECDBB900 86%);
CSSコード:
background-image: radial-gradient(circle, #E3CB9B 9%, #ECDBB900 89%);
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 7%, #ECDCBB 86%);
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 9%, #ECDCBB 94%);
CSSコード:
background-image: linear-gradient(135deg, #ECDCBB 11%, #ECDBB900 96%);
CSSコード:
background-image: radial-gradient(circle, #ECDCBB 11%, #ECDBB900 96%);
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 9%, #F5EDDB 89%);
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 14%, #F5EDDB 88%);
CSSコード:
background-image: linear-gradient(135deg, #F5EDDB 13%, #ECDBB900 96%);
CSSコード:
background-image: radial-gradient(circle, #F5EDDB 13%, #ECDBB900 87%);
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 11%, #FEFDFC 86%);
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 0%, #FEFDFC 89%);
CSSコード:
background-image: linear-gradient(135deg, #FEFDFC 3%, #ECDBB900 94%);
CSSコード:
background-image: radial-gradient(circle, #FEFDFC 9%, #ECDBB900 90%);
リニア
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 10%, #C2ECBB 100%);
ラジアル
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 14%, #C2ECBB 98%);
CSSコード:
background-image: linear-gradient(135deg, #C2ECBB 10%, #ECDBB900 91%);
CSSコード:
background-image: radial-gradient(circle, #C2ECBB 13%, #ECDBB900 88%);
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 8%, #C8BBEC 87%);
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 11%, #C8BBEC 96%);
CSSコード:
background-image: linear-gradient(135deg, #C8BBEC 14%, #ECDBB900 87%);
CSSコード:
background-image: radial-gradient(circle, #C8BBEC 6%, #ECDBB900 92%);
リニア
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 5%, #BBECDC 88%);
ラジアル
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 14%, #BBECDC 97%);
CSSコード:
background-image: linear-gradient(135deg, #BBECDC 3%, #ECDBB900 96%);
CSSコード:
background-image: radial-gradient(circle, #BBECDC 6%, #ECDBB900 90%);
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 13%, #DCBBEC 90%);
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 3%, #DCBBEC 98%);
CSSコード:
background-image: linear-gradient(135deg, #DCBBEC 14%, #ECDBB900 98%);
CSSコード:
background-image: radial-gradient(circle, #DCBBEC 13%, #ECDBB900 86%);
リニア
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 6%, #C2ECBB 99%);
ラジアル
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 13%, #C2ECBB 88%);
CSSコード:
background-image: linear-gradient(135deg, #C2ECBB 1%, #ECDBB900 97%);
CSSコード:
background-image: radial-gradient(circle, #C2ECBB 1%, #ECDBB900 88%);
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 5%, #BBCBEC 92%);
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 4%, #BBCBEC 86%);
CSSコード:
background-image: linear-gradient(135deg, #BBCBEC 10%, #ECDBB900 98%);
CSSコード:
background-image: radial-gradient(circle, #BBCBEC 6%, #ECDBB900 87%);
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 3%, #E6BBEC 94%);
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 14%, #E6BBEC 95%);
CSSコード:
background-image: linear-gradient(135deg, #E6BBEC 4%, #ECDBB900 99%);
CSSコード:
background-image: radial-gradient(circle, #E6BBEC 8%, #ECDBB900 98%);
リニア
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 14%, #BBECC3 91%);
ラジアル
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 7%, #BBECC3 88%);
CSSコード:
background-image: linear-gradient(135deg, #BBECC3 12%, #ECDBB900 86%);
CSSコード:
background-image: radial-gradient(circle, #BBECC3 13%, #ECDBB900 99%);
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 9%, #BBCBEC 92%);
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 11%, #BBCBEC 93%);
CSSコード:
background-image: linear-gradient(135deg, #BBCBEC 1%, #ECDBB900 87%);
CSSコード:
background-image: radial-gradient(circle, #BBCBEC 9%, #ECDBB900 100%);
CSSコード:
background-image: linear-gradient(135deg, #ECDBB900 13%, #ECBBE4 98%);
CSSコード:
background-image: radial-gradient(circle, #ECDBB900 6%, #ECBBE4 86%);
CSSコード:
background-image: linear-gradient(135deg, #ECBBE4 8%, #ECDBB900 95%);
CSSコード:
background-image: radial-gradient(circle, #ECBBE4 4%, #ECDBB900 97%);
ラグビー に 呪咀
から変換する RGB レッド・グリーン・ブルー まで #RRGGBB
ラグビー に カミーユ
から変換する RGB レッド・グリーン・ブルー まで CMYK シアン／マゼンタ／イエロー／キー
ラグビー に ラル®
から変換する RGB レッド・グリーン・ブルー まで RAL® 番号 (RAL 0000)
ラグビー に 豚足®
から変換する RGB レッド・グリーン・ブルー まで HKS® 番号(HKS 00)
ラグビー に パントン®
から変換する RGB レッド・グリーン・ブルー まで Pantone® 番号 (Pantone 0000)
ラグビー に シャーウィン・ウィリアムズ®
から変換する RGB レッド・グリーン・ブルー まで シャーウィン・ウィリアムズ® 番号 (SW 0000)
ラグビー に エヌシーエス®
から変換する RGB レッド・グリーン・ブルー まで NCS番号(S0000-X00X)
ラグバ に 呪咀
から変換する RGBA 赤 緑 青 透過率 まで #RRGGBB
ラグバ に カミーユ
から変換する RGBA 赤 緑 青 透過率 まで CMYK シアン／マゼンタ／イエロー／キー
ラグバ に ラル®
から変換する RGBA 赤 緑 青 透過率 まで RAL® 番号 (RAL 0000)
ラグバ に 豚足®
から変換する RGBA 赤 緑 青 透過率 まで HKS® 番号(HKS 00)
ラグバ に パントン®
から変換する RGBA 赤 緑 青 透過率 まで Pantone® 番号 (Pantone 0000)
ラグバ に シャーウィン・ウィリアムズ®
から変換する RGBA 赤 緑 青 透過率 まで シャーウィン・ウィリアムズ® 番号 (SW 0000)
ラグバ に エヌシーエス®
から変換する RGBA 赤 緑 青 透過率 まで NCS番号(S0000-X00X)
カミーユ に 呪咀
から変換する CMYK シアン／マゼンタ／イエロー／キー まで #RRGGBB
カミーユ に ラグビー
から変換する CMYK シアン／マゼンタ／イエロー／キー まで RGB レッド・グリーン・ブルー
カミーユ に ラグバ
から変換する CMYK シアン／マゼンタ／イエロー／キー まで RGBA 赤 緑 青 透過率
カミーユ に ラル®
から変換する CMYK シアン／マゼンタ／イエロー／キー まで RAL® 番号 (RAL 0000)
カミーユ に 豚足®
から変換する CMYK シアン／マゼンタ／イエロー／キー まで HKS® 番号(HKS 00)
カミーユ に パントン®
から変換する CMYK シアン／マゼンタ／イエロー／キー まで Pantone® 番号 (Pantone 0000)
カミーユ に シャーウィン・ウィリアムズ®
から変換する CMYK シアン／マゼンタ／イエロー／キー まで シャーウィン・ウィリアムズ® 番号 (SW 0000)
カミーユ に エヌシーエス®
から変換する CMYK シアン／マゼンタ／イエロー／キー まで NCS番号(S0000-X00X)
呪咀 に ラグビー
から変換する #RRGGBB まで RGB レッド・グリーン・ブルー
呪咀 に ラグバ
から変換する #RRGGBB まで RGBA 赤 緑 青 透過率
呪咀 に カミーユ
から変換する #RRGGBB まで CMYK シアン／マゼンタ／イエロー／キー
呪咀 に ラル®
から変換する #RRGGBB まで RAL® 番号 (RAL 0000)
呪咀 に 豚足®
から変換する #RRGGBB まで HKS® 番号(HKS 00)
呪咀 に パントン®
から変換する #RRGGBB まで Pantone® 番号 (Pantone 0000)
呪咀 に シャーウィン・ウィリアムズ®
から変換する #RRGGBB まで シャーウィン・ウィリアムズ® 番号 (SW 0000)
呪咀 に エヌシーエス®
から変換する #RRGGBB まで NCS番号(S0000-X00X)
ラル® に ラグビー
から変換する RAL® 番号 (RAL 0000) まで RGB レッド・グリーン・ブルー
ラル® に ラグバ
から変換する RAL® 番号 (RAL 0000) まで RGBA 赤 緑 青 透過率
ラル® に カミーユ
から変換する RAL® 番号 (RAL 0000) まで CMYK シアン／マゼンタ／イエロー／キー
ラル® に 呪咀
から変換する 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)
豚足® に ラグビー
から変換する HKS® 番号(HKS 00) まで RGB レッド・グリーン・ブルー
豚足® に ラグバ
から変換する HKS® 番号(HKS 00) まで RGBA 赤 緑 青 透過率
豚足® に カミーユ
から変換する HKS® 番号(HKS 00) まで CMYK シアン／マゼンタ／イエロー／キー
豚足® に 呪咀
から変換する 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)
パントン® に ラグビー
から変換する Pantone® 番号 (Pantone 0000) まで RGB レッド・グリーン・ブルー
パントン® に ラグバ
から変換する Pantone® 番号 (Pantone 0000) まで RGBA 赤 緑 青 透過率
パントン® に カミーユ
から変換する Pantone® 番号 (Pantone 0000) まで CMYK シアン／マゼンタ／イエロー／キー
パントン® に 呪咀
から変換する 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)
シャーウィン・ウィリアムズ® に ラグビー
から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで RGB レッド・グリーン・ブルー
シャーウィン・ウィリアムズ® に ラグバ
から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで RGBA 赤 緑 青 透過率
シャーウィン・ウィリアムズ® に カミーユ
から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで CMYK シアン／マゼンタ／イエロー／キー
シャーウィン・ウィリアムズ® に 呪咀
から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで #RRGGBB
シャーウィン・ウィリアムズ® に ラル®
から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで RAL® 番号 (RAL 0000)
シャーウィン・ウィリアムズ® に 豚足®
から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで HKS® 番号(HKS 00)
シャーウィン・ウィリアムズ® に パントン®
から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで Pantone® 番号 (Pantone 0000)
シャーウィン・ウィリアムズ® に エヌシーエス®
から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで NCS番号(S0000-X00X)
エヌシーエス® に ラグビー
から変換する NCS番号(S0000-X00X) まで RGB レッド・グリーン・ブルー
エヌシーエス® に ラグバ
から変換する NCS番号(S0000-X00X) まで RGBA 赤 緑 青 透過率
エヌシーエス® に カミーユ
から変換する NCS番号(S0000-X00X) まで CMYK シアン／マゼンタ／イエロー／キー
エヌシーエス® に 呪咀
から変換する NCS番号(S0000-X00X) まで #RRGGBB
エヌシーエス® に ラル®
から変換する NCS番号(S0000-X00X) まで RAL® 番号 (RAL 0000)
エヌシーエス® に 豚足®
から変換する NCS番号(S0000-X00X) まで HKS® 番号(HKS 00)
エヌシーエス® に パントン®
から変換する NCS番号(S0000-X00X) まで Pantone® 番号 (Pantone 0000)