一網打尽
基本色調と補色などの2つの色調から、CSSが色のグラデーションを提案します。
線形および放射状の色遷移の例をご覧ください。
ウェブデザインに簡単：CSSコードをコピーして、ウェブサイトに簡単に組み込めます。
ベースとなる色調と明るい色調など、2 つの色調から CSS で色のグラデーションを提案させます。
線形および放射状の色遷移の例を 明るい色合い から検索します。
ウェブデザインに簡単：CSS コードをコピーしてウェブサイトに簡単に組み込めます。
ベースとなる色調と暗い色調など、2 つの色調から CSS で色のグラデーションを提案させます。
線形および放射状の色遷移の例を ダークシェード から検索します。
ウェブデザインに簡単：CSS コードをコピーして、ウェブサイトに簡単に組み込めます。
明るい色：高い色彩値は明るい印象を与える。
RGB表色系における色の内訳：この色相では、最大255の色成分のうち、それぞれ 255 赤色 255 グリーンと 175 ブルー。
これらの色の混合比によって、重なり合った部分の真ん中に表示される色合いとなります。
イラストでは、赤（上）、緑（右下）、青（左下）の3つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。
CMYK表色系では、色は次のように構成される。この色調では、最大色成分100のうち、それぞれ 皆無 シアン 皆無 マゼンタ 24 黄色と 皆無 これらの色の混合比によって、重なり合った部分の真ん中に表示される色合いとなります。
イラストでは、シアン（左上）、マゼンタ（右上）、イエローまたは黄（右下）、ブラックまたはキー（左下）の4つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。
リニア
HEX #FFFFAFBF まで HEX #000050BF
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 8%, #000050BF 91%);
ラジアル
HEX #FFFFAFBF まで HEX #000050BF
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 7%, #000050BF 89%);
HEX #000050BF まで HEX #FFFFAFBF
CSSコード:
background-image: linear-gradient(135deg, #000050BF 12%, #FFFFAFBF 100%);
HEX #000050BF まで HEX #FFFFAFBF
CSSコード:
background-image: radial-gradient(circle, #000050BF 12%, #FFFFAFBF 90%);
リニア
HEX #FFFFAFBF まで HEX #FFE9ADBF
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 13%, #FFE9ADBF 94%);
ラジアル
HEX #FFFFAFBF まで HEX #FFE9ADBF
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 0%, #FFE9ADBF 94%);
HEX #FFE9ADBF まで HEX #FFFFAFBF
CSSコード:
background-image: linear-gradient(135deg, #FFE9ADBF 2%, #FFFFAFBF 96%);
HEX #FFE9ADBF まで HEX #FFFFAFBF
CSSコード:
background-image: radial-gradient(circle, #FFE9ADBF 1%, #FFFFAFBF 98%);
HEX #FFFFAFBF まで HEX #FFFFADBF
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 9%, #FFFFADBF 95%);
HEX #FFFFAFBF まで HEX #FFFFADBF
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 1%, #FFFFADBF 93%);
HEX #FFFFADBF まで HEX #FFFFAFBF
CSSコード:
background-image: linear-gradient(135deg, #FFFFADBF 0%, #FFFFAFBF 93%);
HEX #FFFFADBF まで HEX #FFFFAFBF
CSSコード:
background-image: radial-gradient(circle, #FFFFADBF 13%, #FFFFAFBF 91%);
HEX #FFFFAFBF まで HEX #E9FFADBF
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 11%, #E9FFADBF 95%);
HEX #FFFFAFBF まで HEX #E9FFADBF
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 14%, #E9FFADBF 99%);
HEX #E9FFADBF まで HEX #FFFFAFBF
CSSコード:
background-image: linear-gradient(135deg, #E9FFADBF 7%, #FFFFAFBF 89%);
HEX #E9FFADBF まで HEX #FFFFAFBF
CSSコード:
background-image: radial-gradient(circle, #E9FFADBF 11%, #FFFFAFBF 90%);
HEX #FFFFAFBF まで HEX #D3FFADBF
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 1%, #D3FFADBF 93%);
HEX #FFFFAFBF まで HEX #D3FFADBF
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 8%, #D3FFADBF 96%);
HEX #D3FFADBF まで HEX #FFFFAFBF
CSSコード:
background-image: linear-gradient(135deg, #D3FFADBF 6%, #FFFFAFBF 86%);
HEX #D3FFADBF まで HEX #FFFFAFBF
CSSコード:
background-image: radial-gradient(circle, #D3FFADBF 1%, #FFFFAFBF 90%);
リニア
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 8%, #FFFF84 95%);
ラジアル
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 7%, #FFFF84 88%);
CSSコード:
background-image: linear-gradient(135deg, #FFFF84 11%, #FFFFAFBF 99%);
CSSコード:
background-image: radial-gradient(circle, #FFFF84 11%, #FFFFAFBF 92%);
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 12%, #FFFFAD 95%);
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 6%, #FFFFAD 91%);
CSSコード:
background-image: linear-gradient(135deg, #FFFFAD 11%, #FFFFAFBF 92%);
CSSコード:
background-image: radial-gradient(circle, #FFFFAD 0%, #FFFFAFBF 98%);
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 11%, #FFFFD7 89%);
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 11%, #FFFFD7 94%);
CSSコード:
background-image: linear-gradient(135deg, #FFFFD7 10%, #FFFFAFBF 90%);
CSSコード:
background-image: radial-gradient(circle, #FFFFD7 10%, #FFFFAFBF 94%);
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 13%, #FFFFFF 96%);
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 5%, #FFFFFF 88%);
CSSコード:
background-image: linear-gradient(135deg, #FFFFFF 13%, #FFFFAFBF 86%);
CSSコード:
background-image: radial-gradient(circle, #FFFFFF 0%, #FFFFAFBF 89%);
リニア
HEX #FFFFAFBF まで HEX #FFE9ADBF
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 2%, #FFE9ADBF 94%);
ラジアル
HEX #FFFFAFBF まで HEX #FFE9ADBF
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 2%, #FFE9ADBF 86%);
HEX #FFE9ADBF まで HEX #FFFFAFBF
CSSコード:
background-image: linear-gradient(135deg, #FFE9ADBF 14%, #FFFFAFBF 93%);
HEX #FFE9ADBF まで HEX #FFFFAFBF
CSSコード:
background-image: radial-gradient(circle, #FFE9ADBF 13%, #FFFFAFBF 91%);
HEX #FFFFAFBF まで HEX #FFFFADBF
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 4%, #FFFFADBF 91%);
HEX #FFFFAFBF まで HEX #FFFFADBF
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 9%, #FFFFADBF 94%);
HEX #FFFFADBF まで HEX #FFFFAFBF
CSSコード:
background-image: linear-gradient(135deg, #FFFFADBF 6%, #FFFFAFBF 95%);
HEX #FFFFADBF まで HEX #FFFFAFBF
CSSコード:
background-image: radial-gradient(circle, #FFFFADBF 0%, #FFFFAFBF 89%);
HEX #FFFFAFBF まで HEX #E9FFADBF
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 5%, #E9FFADBF 86%);
HEX #FFFFAFBF まで HEX #E9FFADBF
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 11%, #E9FFADBF 88%);
HEX #E9FFADBF まで HEX #FFFFAFBF
CSSコード:
background-image: linear-gradient(135deg, #E9FFADBF 7%, #FFFFAFBF 87%);
HEX #E9FFADBF まで HEX #FFFFAFBF
CSSコード:
background-image: radial-gradient(circle, #E9FFADBF 1%, #FFFFAFBF 98%);
HEX #FFFFAFBF まで HEX #D3FFADBF
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 3%, #D3FFADBF 96%);
HEX #FFFFAFBF まで HEX #D3FFADBF
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 5%, #D3FFADBF 92%);
HEX #D3FFADBF まで HEX #FFFFAFBF
CSSコード:
background-image: linear-gradient(135deg, #D3FFADBF 13%, #FFFFAFBF 87%);
HEX #D3FFADBF まで HEX #FFFFAFBF
CSSコード:
background-image: radial-gradient(circle, #D3FFADBF 11%, #FFFFAFBF 90%);
リニア
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 4%, #FFFF84 86%);
ラジアル
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 14%, #FFFF84 89%);
CSSコード:
background-image: linear-gradient(135deg, #FFFF84 2%, #FFFFAFBF 91%);
CSSコード:
background-image: radial-gradient(circle, #FFFF84 13%, #FFFFAFBF 87%);
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 2%, #FFFFAD 96%);
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 14%, #FFFFAD 88%);
CSSコード:
background-image: linear-gradient(135deg, #FFFFAD 8%, #FFFFAFBF 99%);
CSSコード:
background-image: radial-gradient(circle, #FFFFAD 12%, #FFFFAFBF 86%);
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 3%, #FFFFD7 99%);
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 3%, #FFFFD7 97%);
CSSコード:
background-image: linear-gradient(135deg, #FFFFD7 9%, #FFFFAFBF 87%);
CSSコード:
background-image: radial-gradient(circle, #FFFFD7 5%, #FFFFAFBF 89%);
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 5%, #FFFFFF 87%);
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 0%, #FFFFFF 100%);
CSSコード:
background-image: linear-gradient(135deg, #FFFFFF 9%, #FFFFAFBF 93%);
CSSコード:
background-image: radial-gradient(circle, #FFFFFF 1%, #FFFFAFBF 94%);
リニア
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 2%, #ADFFBE 98%);
ラジアル
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 0%, #ADFFBE 90%);
CSSコード:
background-image: linear-gradient(135deg, #ADFFBE 8%, #FFFFAFBF 97%);
CSSコード:
background-image: radial-gradient(circle, #ADFFBE 11%, #FFFFAFBF 99%);
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 4%, #DEADFF 94%);
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 10%, #DEADFF 89%);
CSSコード:
background-image: linear-gradient(135deg, #DEADFF 8%, #FFFFAFBF 92%);
CSSコード:
background-image: radial-gradient(circle, #DEADFF 4%, #FFFFAFBF 91%);
リニア
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 9%, #ADFFFF 88%);
ラジアル
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 2%, #ADFFFF 100%);
CSSコード:
background-image: linear-gradient(135deg, #ADFFFF 3%, #FFFFAFBF 89%);
CSSコード:
background-image: radial-gradient(circle, #ADFFFF 4%, #FFFFAFBF 91%);
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 0%, #FFADFF 95%);
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 0%, #FFADFF 96%);
CSSコード:
background-image: linear-gradient(135deg, #FFADFF 9%, #FFFFAFBF 89%);
CSSコード:
background-image: radial-gradient(circle, #FFADFF 11%, #FFFFAFBF 93%);
リニア
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 11%, #ADFFBE 97%);
ラジアル
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 1%, #ADFFBE 90%);
CSSコード:
background-image: linear-gradient(135deg, #ADFFBE 3%, #FFFFAFBF 94%);
CSSコード:
background-image: radial-gradient(circle, #ADFFBE 13%, #FFFFAFBF 90%);
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 4%, #ADADFF 88%);
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 13%, #ADADFF 100%);
CSSコード:
background-image: linear-gradient(135deg, #ADADFF 1%, #FFFFAFBF 87%);
CSSコード:
background-image: radial-gradient(circle, #ADADFF 4%, #FFFFAFBF 89%);
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 2%, #FFADEF 93%);
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 11%, #FFADEF 91%);
CSSコード:
background-image: linear-gradient(135deg, #FFADEF 9%, #FFFFAFBF 95%);
CSSコード:
background-image: radial-gradient(circle, #FFADEF 0%, #FFFFAFBF 98%);
リニア
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 3%, #ADFFD6 90%);
ラジアル
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 10%, #ADFFD6 96%);
CSSコード:
background-image: linear-gradient(135deg, #ADFFD6 0%, #FFFFAFBF 98%);
CSSコード:
background-image: radial-gradient(circle, #ADFFD6 10%, #FFFFAFBF 96%);
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 0%, #ADADFF 91%);
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 0%, #ADADFF 99%);
CSSコード:
background-image: linear-gradient(135deg, #ADADFF 13%, #FFFFAFBF 95%);
CSSコード:
background-image: radial-gradient(circle, #ADADFF 9%, #FFFFAFBF 87%);
CSSコード:
background-image: linear-gradient(135deg, #FFFFAFBF 0%, #FFADD6 100%);
CSSコード:
background-image: radial-gradient(circle, #FFFFAFBF 11%, #FFADD6 87%);
CSSコード:
background-image: linear-gradient(135deg, #FFADD6 7%, #FFFFAFBF 86%);
CSSコード:
background-image: radial-gradient(circle, #FFADD6 1%, #FFFFAFBF 88%);
ラグビー に 呪咀
から変換する 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)