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

✕

CSS グラデーション:
CMYK 57 / 0 / 78 / 56

インフォメーション

一網打尽



基本色調と補色などの2つの色調から、CSSが色のグラデーションを提案します。

線形および放射状の色遷移の例をご覧ください。

ウェブデザインに簡単：CSSコードをコピーして、ウェブサイトに簡単に組み込めます。

ベースとなる色調と明るい色調など、2 つの色調から CSS で色のグラデーションを提案させます。

線形および放射状の色遷移の例を 明るい色合い から検索します。

ウェブデザインに簡単：CSS コードをコピーしてウェブサイトに簡単に組み込めます。

ベースとなる色調と暗い色調など、2 つの色調から CSS で色のグラデーションを提案させます。

線形および放射状の色遷移の例を ダークシェード から検索します。

ウェブデザインに簡単：CSS コードをコピーして、ウェブサイトに簡単に組み込めます。

表示オプション

商品説明

色値が他と比べて低いため、私たちにはこの色合いが濃く見える。

RGB表色系における色の内訳：この色相では、最大255の色成分のうち、それぞれ 48 赤色 112 グリーンと 25 ブルー。

これらの色の混合比によって、重なり合った部分の真ん中に表示される色合いとなります。

イラストでは、赤（上）、緑（右下）、青（左下）の3つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。
48 112 25 R G B
CMYK表色系では、色は次のように構成される。この色調では、最大色成分100のうち、それぞれ 57 シアン 皆無 マゼンタ 78 黄色と 56

これらの色の混合比によって、重なり合った部分の真ん中に表示される色合いとなります。

イラストでは、シアン（左上）、マゼンタ（右上）、イエローまたは黄（右下）、ブラックまたはキー（左下）の4つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。
57% 0% 78% 56% C M Y K

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

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

レッツゴー

リニア

HEX #307019 まで HEX #CF8FE6


CSSコード:

background-image: linear-gradient(135deg, #307019 12%, #CF8FE6 89%);

ラジアル

HEX #307019 まで HEX #CF8FE6


CSSコード:

background-image: radial-gradient(circle, #307019 14%, #CF8FE6 90%);

 

HEX #CF8FE6 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #CF8FE6 7%, #307019 100%);

 

HEX #CF8FE6 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #CF8FE6 11%, #307019 93%);

リニア

HEX #307019 まで HEX #477018


CSSコード:

background-image: linear-gradient(135deg, #307019 3%, #477018 89%);

ラジアル

HEX #307019 まで HEX #477018


CSSコード:

background-image: radial-gradient(circle, #307019 7%, #477018 98%);

 

HEX #477018 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #477018 8%, #307019 97%);

 

HEX #477018 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #477018 10%, #307019 97%);

 

HEX #307019 まで HEX #307018


CSSコード:

background-image: linear-gradient(135deg, #307019 12%, #307018 88%);

 

HEX #307019 まで HEX #307018


CSSコード:

background-image: radial-gradient(circle, #307019 3%, #307018 98%);

 

HEX #307018 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #307018 1%, #307019 87%);

 

HEX #307018 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #307018 3%, #307019 94%);

 

HEX #307019 まで HEX #187018


CSSコード:

background-image: linear-gradient(135deg, #307019 5%, #187018 97%);

 

HEX #307019 まで HEX #187018


CSSコード:

background-image: radial-gradient(circle, #307019 7%, #187018 93%);

 

HEX #187018 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #187018 11%, #307019 97%);

 

HEX #187018 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #187018 13%, #307019 97%);

 

HEX #307019 まで HEX #187030


CSSコード:

background-image: linear-gradient(135deg, #307019 9%, #187030 97%);

 

HEX #307019 まで HEX #187030


CSSコード:

background-image: radial-gradient(circle, #307019 7%, #187030 98%);

 

HEX #187030 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #187030 5%, #307019 87%);

 

HEX #187030 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #187030 1%, #307019 98%);

リニア

HEX #307019 まで HEX #214F11


CSSコード:

background-image: linear-gradient(135deg, #307019 11%, #214F11 98%);

ラジアル

HEX #307019 まで HEX #214F11


CSSコード:

background-image: radial-gradient(circle, #307019 6%, #214F11 97%);

 

HEX #214F11 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #214F11 3%, #307019 97%);

 

HEX #214F11 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #214F11 8%, #307019 96%);

 

HEX #307019 まで HEX #307018


CSSコード:

background-image: linear-gradient(135deg, #307019 4%, #307018 87%);

 

HEX #307019 まで HEX #307018


CSSコード:

background-image: radial-gradient(circle, #307019 4%, #307018 100%);

 

HEX #307018 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #307018 14%, #307019 100%);

 

HEX #307018 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #307018 6%, #307019 100%);

 

HEX #307019 まで HEX #3E9220


CSSコード:

background-image: linear-gradient(135deg, #307019 8%, #3E9220 90%);

 

HEX #307019 まで HEX #3E9220


CSSコード:

background-image: radial-gradient(circle, #307019 11%, #3E9220 99%);

 

HEX #3E9220 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #3E9220 5%, #307019 86%);

 

HEX #3E9220 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #3E9220 1%, #307019 98%);

 

HEX #307019 まで HEX #4CB427


CSSコード:

background-image: linear-gradient(135deg, #307019 14%, #4CB427 97%);

 

HEX #307019 まで HEX #4CB427


CSSコード:

background-image: radial-gradient(circle, #307019 12%, #4CB427 97%);

 

HEX #4CB427 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #4CB427 0%, #307019 100%);

 

HEX #4CB427 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #4CB427 8%, #307019 90%);

リニア

HEX #307019 まで HEX #477018


CSSコード:

background-image: linear-gradient(135deg, #307019 1%, #477018 92%);

ラジアル

HEX #307019 まで HEX #477018


CSSコード:

background-image: radial-gradient(circle, #307019 13%, #477018 91%);

 

HEX #477018 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #477018 12%, #307019 91%);

 

HEX #477018 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #477018 12%, #307019 97%);

 

HEX #307019 まで HEX #307018


CSSコード:

background-image: linear-gradient(135deg, #307019 4%, #307018 97%);

 

HEX #307019 まで HEX #307018


CSSコード:

background-image: radial-gradient(circle, #307019 1%, #307018 94%);

 

HEX #307018 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #307018 2%, #307019 96%);

 

HEX #307018 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #307018 6%, #307019 93%);

 

HEX #307019 まで HEX #187018


CSSコード:

background-image: linear-gradient(135deg, #307019 7%, #187018 91%);

 

HEX #307019 まで HEX #187018


CSSコード:

background-image: radial-gradient(circle, #307019 1%, #187018 86%);

 

HEX #187018 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #187018 13%, #307019 89%);

 

HEX #187018 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #187018 12%, #307019 92%);

 

HEX #307019 まで HEX #187030


CSSコード:

background-image: linear-gradient(135deg, #307019 9%, #187030 86%);

 

HEX #307019 まで HEX #187030


CSSコード:

background-image: radial-gradient(circle, #307019 1%, #187030 86%);

 

HEX #187030 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #187030 14%, #307019 93%);

 

HEX #187030 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #187030 4%, #307019 96%);

リニア

HEX #307019 まで HEX #214F11


CSSコード:

background-image: linear-gradient(135deg, #307019 8%, #214F11 88%);

ラジアル

HEX #307019 まで HEX #214F11


CSSコード:

background-image: radial-gradient(circle, #307019 3%, #214F11 88%);

 

HEX #214F11 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #214F11 14%, #307019 100%);

 

HEX #214F11 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #214F11 9%, #307019 92%);

 

HEX #307019 まで HEX #307018


CSSコード:

background-image: linear-gradient(135deg, #307019 11%, #307018 91%);

 

HEX #307019 まで HEX #307018


CSSコード:

background-image: radial-gradient(circle, #307019 1%, #307018 96%);

 

HEX #307018 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #307018 7%, #307019 94%);

 

HEX #307018 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #307018 13%, #307019 87%);

 

HEX #307019 まで HEX #3E9220


CSSコード:

background-image: linear-gradient(135deg, #307019 4%, #3E9220 99%);

 

HEX #307019 まで HEX #3E9220


CSSコード:

background-image: radial-gradient(circle, #307019 13%, #3E9220 95%);

 

HEX #3E9220 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #3E9220 3%, #307019 87%);

 

HEX #3E9220 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #3E9220 14%, #307019 86%);

 

HEX #307019 まで HEX #4CB427


CSSコード:

background-image: linear-gradient(135deg, #307019 3%, #4CB427 88%);

 

HEX #307019 まで HEX #4CB427


CSSコード:

background-image: radial-gradient(circle, #307019 14%, #4CB427 92%);

 

HEX #4CB427 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #4CB427 6%, #307019 95%);

 

HEX #4CB427 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #4CB427 0%, #307019 94%);

リニア

HEX #307019 まで HEX #18706B


CSSコード:

background-image: linear-gradient(135deg, #307019 8%, #18706B 92%);

ラジアル

HEX #307019 まで HEX #18706B


CSSコード:

background-image: radial-gradient(circle, #307019 2%, #18706B 88%);

 

HEX #18706B まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #18706B 3%, #307019 97%);

 

HEX #18706B まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #18706B 2%, #307019 88%);

 

HEX #307019 まで HEX #701853


CSSコード:

background-image: linear-gradient(135deg, #307019 10%, #701853 86%);

 

HEX #307019 まで HEX #701853


CSSコード:

background-image: radial-gradient(circle, #307019 5%, #701853 100%);

 

HEX #701853 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #701853 12%, #307019 86%);

 

HEX #701853 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #701853 12%, #307019 97%);

リニア

HEX #307019 まで HEX #183070


CSSコード:

background-image: linear-gradient(135deg, #307019 14%, #183070 92%);

ラジアル

HEX #307019 まで HEX #183070


CSSコード:

background-image: radial-gradient(circle, #307019 13%, #183070 100%);

 

HEX #183070 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #183070 5%, #307019 100%);

 

HEX #183070 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #183070 7%, #307019 87%);

 

HEX #307019 まで HEX #701830


CSSコード:

background-image: linear-gradient(135deg, #307019 6%, #701830 95%);

 

HEX #307019 まで HEX #701830


CSSコード:

background-image: radial-gradient(circle, #307019 1%, #701830 95%);

 

HEX #701830 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #701830 3%, #307019 95%);

 

HEX #701830 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #701830 9%, #307019 98%);

リニア

HEX #307019 まで HEX #18706B


CSSコード:

background-image: linear-gradient(135deg, #307019 9%, #18706B 86%);

ラジアル

HEX #307019 まで HEX #18706B


CSSコード:

background-image: radial-gradient(circle, #307019 4%, #18706B 97%);

 

HEX #18706B まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #18706B 3%, #307019 90%);

 

HEX #18706B まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #18706B 2%, #307019 97%);

 

HEX #307019 まで HEX #591870


CSSコード:

background-image: linear-gradient(135deg, #307019 2%, #591870 97%);

 

HEX #307019 まで HEX #591870


CSSコード:

background-image: radial-gradient(circle, #307019 1%, #591870 93%);

 

HEX #591870 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #591870 10%, #307019 92%);

 

HEX #591870 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #591870 0%, #307019 100%);

 

HEX #307019 まで HEX #70181E


CSSコード:

background-image: linear-gradient(135deg, #307019 9%, #70181E 90%);

 

HEX #307019 まで HEX #70181E


CSSコード:

background-image: radial-gradient(circle, #307019 7%, #70181E 90%);

 

HEX #70181E まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #70181E 10%, #307019 99%);

 

HEX #70181E まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #70181E 14%, #307019 92%);

リニア

HEX #307019 まで HEX #185C70


CSSコード:

background-image: linear-gradient(135deg, #307019 11%, #185C70 98%);

ラジアル

HEX #307019 まで HEX #185C70


CSSコード:

background-image: radial-gradient(circle, #307019 9%, #185C70 91%);

 

HEX #185C70 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #185C70 1%, #307019 94%);

 

HEX #185C70 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #185C70 1%, #307019 98%);

 

HEX #307019 まで HEX #591870


CSSコード:

background-image: linear-gradient(135deg, #307019 9%, #591870 99%);

 

HEX #307019 まで HEX #591870


CSSコード:

background-image: radial-gradient(circle, #307019 1%, #591870 91%);

 

HEX #591870 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #591870 0%, #307019 88%);

 

HEX #591870 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #591870 10%, #307019 86%);

 

HEX #307019 まで HEX #702D18


CSSコード:

background-image: linear-gradient(135deg, #307019 7%, #702D18 92%);

 

HEX #307019 まで HEX #702D18


CSSコード:

background-image: radial-gradient(circle, #307019 14%, #702D18 95%);

 

HEX #702D18 まで HEX #307019


CSSコード:

background-image: linear-gradient(135deg, #702D18 3%, #307019 93%);

 

HEX #702D18 まで HEX #307019


CSSコード:

background-image: radial-gradient(circle, #702D18 11%, #307019 96%);

カラーパレットをもっと見る

サービス内容

カラー

ラグビー に 呪咀

から変換する 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)

To be able to save color palettes, you must be logged in.

Sign 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 link you want.

Share

OK, I have copied the links

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

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

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

© 2019-2025 in cooperation ND-DESIGN.WORKS & frag-bobby.de