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

✕

CSS グラデーション:
CMYK 25 / 0 / 70 / 31

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

色値が他と比較して高いため、この色合いは私たちには明るく見える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #84B035 まで HEX #7B4FCA


CSSコード:

background-image: linear-gradient(135deg, #84B035 4%, #7B4FCA 97%);

ラジアル

HEX #84B035 まで HEX #7B4FCA


CSSコード:

background-image: radial-gradient(circle, #84B035 10%, #7B4FCA 97%);

 

HEX #7B4FCA まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #7B4FCA 0%, #84B035 90%);

 

HEX #7B4FCA まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #7B4FCA 13%, #84B035 97%);

リニア

HEX #84B035 まで HEX #A6B034


CSSコード:

background-image: linear-gradient(135deg, #84B035 4%, #A6B034 91%);

ラジアル

HEX #84B035 まで HEX #A6B034


CSSコード:

background-image: radial-gradient(circle, #84B035 14%, #A6B034 99%);

 

HEX #A6B034 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #A6B034 11%, #84B035 92%);

 

HEX #A6B034 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #A6B034 4%, #84B035 90%);

 

HEX #84B035 まで HEX #85B034


CSSコード:

background-image: linear-gradient(135deg, #84B035 0%, #85B034 97%);

 

HEX #84B035 まで HEX #85B034


CSSコード:

background-image: radial-gradient(circle, #84B035 1%, #85B034 100%);

 

HEX #85B034 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #85B034 11%, #84B035 89%);

 

HEX #85B034 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #85B034 1%, #84B035 95%);

 

HEX #84B035 まで HEX #64B034


CSSコード:

background-image: linear-gradient(135deg, #84B035 0%, #64B034 100%);

 

HEX #84B035 まで HEX #64B034


CSSコード:

background-image: radial-gradient(circle, #84B035 9%, #64B034 93%);

 

HEX #64B034 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #64B034 5%, #84B035 91%);

 

HEX #64B034 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #64B034 2%, #84B035 87%);

 

HEX #84B035 まで HEX #43B034


CSSコード:

background-image: linear-gradient(135deg, #84B035 8%, #43B034 91%);

 

HEX #84B035 まで HEX #43B034


CSSコード:

background-image: radial-gradient(circle, #84B035 5%, #43B034 95%);

 

HEX #43B034 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #43B034 13%, #84B035 89%);

 

HEX #43B034 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #43B034 1%, #84B035 95%);

リニア

HEX #84B035 まで HEX #6C902B


CSSコード:

background-image: linear-gradient(135deg, #84B035 6%, #6C902B 86%);

ラジアル

HEX #84B035 まで HEX #6C902B


CSSコード:

background-image: radial-gradient(circle, #84B035 6%, #6C902B 98%);

 

HEX #6C902B まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #6C902B 9%, #84B035 100%);

 

HEX #6C902B まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #6C902B 9%, #84B035 93%);

 

HEX #84B035 まで HEX #84B034


CSSコード:

background-image: linear-gradient(135deg, #84B035 0%, #84B034 96%);

 

HEX #84B035 まで HEX #84B034


CSSコード:

background-image: radial-gradient(circle, #84B035 12%, #84B034 100%);

 

HEX #84B034 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #84B034 0%, #84B035 97%);

 

HEX #84B034 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #84B034 4%, #84B035 91%);

 

HEX #84B035 まで HEX #99C746


CSSコード:

background-image: linear-gradient(135deg, #84B035 9%, #99C746 96%);

 

HEX #84B035 まで HEX #99C746


CSSコード:

background-image: radial-gradient(circle, #84B035 14%, #99C746 91%);

 

HEX #99C746 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #99C746 0%, #84B035 97%);

 

HEX #99C746 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #99C746 0%, #84B035 93%);

 

HEX #84B035 まで HEX #ABD166


CSSコード:

background-image: linear-gradient(135deg, #84B035 3%, #ABD166 99%);

 

HEX #84B035 まで HEX #ABD166


CSSコード:

background-image: radial-gradient(circle, #84B035 13%, #ABD166 92%);

 

HEX #ABD166 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #ABD166 5%, #84B035 92%);

 

HEX #ABD166 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #ABD166 5%, #84B035 92%);

リニア

HEX #84B035 まで HEX #A6B034


CSSコード:

background-image: linear-gradient(135deg, #84B035 13%, #A6B034 94%);

ラジアル

HEX #84B035 まで HEX #A6B034


CSSコード:

background-image: radial-gradient(circle, #84B035 10%, #A6B034 99%);

 

HEX #A6B034 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #A6B034 3%, #84B035 87%);

 

HEX #A6B034 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #A6B034 8%, #84B035 93%);

 

HEX #84B035 まで HEX #85B034


CSSコード:

background-image: linear-gradient(135deg, #84B035 12%, #85B034 100%);

 

HEX #84B035 まで HEX #85B034


CSSコード:

background-image: radial-gradient(circle, #84B035 1%, #85B034 90%);

 

HEX #85B034 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #85B034 13%, #84B035 94%);

 

HEX #85B034 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #85B034 6%, #84B035 94%);

 

HEX #84B035 まで HEX #64B034


CSSコード:

background-image: linear-gradient(135deg, #84B035 10%, #64B034 93%);

 

HEX #84B035 まで HEX #64B034


CSSコード:

background-image: radial-gradient(circle, #84B035 3%, #64B034 89%);

 

HEX #64B034 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #64B034 6%, #84B035 98%);

 

HEX #64B034 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #64B034 14%, #84B035 93%);

 

HEX #84B035 まで HEX #43B034


CSSコード:

background-image: linear-gradient(135deg, #84B035 8%, #43B034 98%);

 

HEX #84B035 まで HEX #43B034


CSSコード:

background-image: radial-gradient(circle, #84B035 5%, #43B034 99%);

 

HEX #43B034 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #43B034 5%, #84B035 97%);

 

HEX #43B034 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #43B034 14%, #84B035 93%);

リニア

HEX #84B035 まで HEX #6C902B


CSSコード:

background-image: linear-gradient(135deg, #84B035 1%, #6C902B 90%);

ラジアル

HEX #84B035 まで HEX #6C902B


CSSコード:

background-image: radial-gradient(circle, #84B035 12%, #6C902B 91%);

 

HEX #6C902B まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #6C902B 5%, #84B035 95%);

 

HEX #6C902B まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #6C902B 6%, #84B035 93%);

 

HEX #84B035 まで HEX #84B034


CSSコード:

background-image: linear-gradient(135deg, #84B035 12%, #84B034 91%);

 

HEX #84B035 まで HEX #84B034


CSSコード:

background-image: radial-gradient(circle, #84B035 9%, #84B034 87%);

 

HEX #84B034 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #84B034 5%, #84B035 94%);

 

HEX #84B034 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #84B034 10%, #84B035 93%);

 

HEX #84B035 まで HEX #99C746


CSSコード:

background-image: linear-gradient(135deg, #84B035 4%, #99C746 88%);

 

HEX #84B035 まで HEX #99C746


CSSコード:

background-image: radial-gradient(circle, #84B035 11%, #99C746 96%);

 

HEX #99C746 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #99C746 13%, #84B035 100%);

 

HEX #99C746 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #99C746 1%, #84B035 96%);

 

HEX #84B035 まで HEX #ABD166


CSSコード:

background-image: linear-gradient(135deg, #84B035 3%, #ABD166 91%);

 

HEX #84B035 まで HEX #ABD166


CSSコード:

background-image: radial-gradient(circle, #84B035 3%, #ABD166 91%);

 

HEX #ABD166 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #ABD166 9%, #84B035 89%);

 

HEX #ABD166 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #ABD166 6%, #84B035 87%);

リニア

HEX #84B035 まで HEX #34B078


CSSコード:

background-image: linear-gradient(135deg, #84B035 5%, #34B078 94%);

ラジアル

HEX #84B035 まで HEX #34B078


CSSコード:

background-image: radial-gradient(circle, #84B035 10%, #34B078 95%);

 

HEX #34B078 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #34B078 5%, #84B035 97%);

 

HEX #34B078 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #34B078 6%, #84B035 87%);

 

HEX #84B035 まで HEX #AA34B0


CSSコード:

background-image: linear-gradient(135deg, #84B035 13%, #AA34B0 99%);

 

HEX #84B035 まで HEX #AA34B0


CSSコード:

background-image: radial-gradient(circle, #84B035 2%, #AA34B0 88%);

 

HEX #AA34B0 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #AA34B0 2%, #84B035 97%);

 

HEX #AA34B0 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #AA34B0 14%, #84B035 89%);

リニア

HEX #84B035 まで HEX #3485B0


CSSコード:

background-image: linear-gradient(135deg, #84B035 2%, #3485B0 100%);

ラジアル

HEX #84B035 まで HEX #3485B0


CSSコード:

background-image: radial-gradient(circle, #84B035 5%, #3485B0 97%);

 

HEX #3485B0 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #3485B0 5%, #84B035 86%);

 

HEX #3485B0 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #3485B0 9%, #84B035 100%);

 

HEX #84B035 まで HEX #B03485


CSSコード:

background-image: linear-gradient(135deg, #84B035 11%, #B03485 88%);

 

HEX #84B035 まで HEX #B03485


CSSコード:

background-image: radial-gradient(circle, #84B035 6%, #B03485 96%);

 

HEX #B03485 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #B03485 11%, #84B035 92%);

 

HEX #B03485 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #B03485 9%, #84B035 96%);

リニア

HEX #84B035 まで HEX #34B078


CSSコード:

background-image: linear-gradient(135deg, #84B035 12%, #34B078 93%);

ラジアル

HEX #84B035 まで HEX #34B078


CSSコード:

background-image: radial-gradient(circle, #84B035 13%, #34B078 99%);

 

HEX #34B078 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #34B078 5%, #84B035 95%);

 

HEX #34B078 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #34B078 5%, #84B035 97%);

 

HEX #84B035 まで HEX #6034B0


CSSコード:

background-image: linear-gradient(135deg, #84B035 6%, #6034B0 97%);

 

HEX #84B035 まで HEX #6034B0


CSSコード:

background-image: radial-gradient(circle, #84B035 3%, #6034B0 91%);

 

HEX #6034B0 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #6034B0 11%, #84B035 98%);

 

HEX #6034B0 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #6034B0 11%, #84B035 89%);

 

HEX #84B035 まで HEX #B0346C


CSSコード:

background-image: linear-gradient(135deg, #84B035 2%, #B0346C 91%);

 

HEX #84B035 まで HEX #B0346C


CSSコード:

background-image: radial-gradient(circle, #84B035 3%, #B0346C 91%);

 

HEX #B0346C まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #B0346C 12%, #84B035 86%);

 

HEX #B0346C まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #B0346C 7%, #84B035 87%);

リニア

HEX #84B035 まで HEX #34B09E


CSSコード:

background-image: linear-gradient(135deg, #84B035 4%, #34B09E 86%);

ラジアル

HEX #84B035 まで HEX #34B09E


CSSコード:

background-image: radial-gradient(circle, #84B035 2%, #34B09E 94%);

 

HEX #34B09E まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #34B09E 4%, #84B035 96%);

 

HEX #34B09E まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #34B09E 1%, #84B035 91%);

 

HEX #84B035 まで HEX #6034B0


CSSコード:

background-image: linear-gradient(135deg, #84B035 10%, #6034B0 93%);

 

HEX #84B035 まで HEX #6034B0


CSSコード:

background-image: radial-gradient(circle, #84B035 5%, #6034B0 94%);

 

HEX #6034B0 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #6034B0 6%, #84B035 88%);

 

HEX #6034B0 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #6034B0 3%, #84B035 93%);

 

HEX #84B035 まで HEX #B03447


CSSコード:

background-image: linear-gradient(135deg, #84B035 14%, #B03447 90%);

 

HEX #84B035 まで HEX #B03447


CSSコード:

background-image: radial-gradient(circle, #84B035 8%, #B03447 94%);

 

HEX #B03447 まで HEX #84B035


CSSコード:

background-image: linear-gradient(135deg, #B03447 13%, #84B035 88%);

 

HEX #B03447 まで HEX #84B035


CSSコード:

background-image: radial-gradient(circle, #B03447 5%, #84B035 92%);

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

サービス内容

カラー

ラグビー に 呪咀

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