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

✕

CSS グラデーション:
CMYK 33 / 46 / 0 / 47

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #5B4987 まで HEX #A4B678


CSSコード:

background-image: linear-gradient(135deg, #5B4987 13%, #A4B678 95%);

ラジアル

HEX #5B4987 まで HEX #A4B678


CSSコード:

background-image: radial-gradient(circle, #5B4987 3%, #A4B678 97%);

 

HEX #A4B678 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #A4B678 7%, #5B4987 93%);

 

HEX #A4B678 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #A4B678 7%, #5B4987 94%);

リニア

HEX #5B4987 まで HEX #4A4987


CSSコード:

background-image: linear-gradient(135deg, #5B4987 7%, #4A4987 89%);

ラジアル

HEX #5B4987 まで HEX #4A4987


CSSコード:

background-image: radial-gradient(circle, #5B4987 10%, #4A4987 88%);

 

HEX #4A4987 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #4A4987 3%, #5B4987 98%);

 

HEX #4A4987 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #4A4987 14%, #5B4987 99%);

 

HEX #5B4987 まで HEX #5A4987


CSSコード:

background-image: linear-gradient(135deg, #5B4987 14%, #5A4987 95%);

 

HEX #5B4987 まで HEX #5A4987


CSSコード:

background-image: radial-gradient(circle, #5B4987 0%, #5A4987 87%);

 

HEX #5A4987 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #5A4987 14%, #5B4987 93%);

 

HEX #5A4987 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #5A4987 3%, #5B4987 90%);

 

HEX #5B4987 まで HEX #6B4987


CSSコード:

background-image: linear-gradient(135deg, #5B4987 0%, #6B4987 95%);

 

HEX #5B4987 まで HEX #6B4987


CSSコード:

background-image: radial-gradient(circle, #5B4987 4%, #6B4987 95%);

 

HEX #6B4987 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #6B4987 2%, #5B4987 87%);

 

HEX #6B4987 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #6B4987 14%, #5B4987 94%);

 

HEX #5B4987 まで HEX #7C4987


CSSコード:

background-image: linear-gradient(135deg, #5B4987 10%, #7C4987 98%);

 

HEX #5B4987 まで HEX #7C4987


CSSコード:

background-image: radial-gradient(circle, #5B4987 10%, #7C4987 94%);

 

HEX #7C4987 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #7C4987 12%, #5B4987 87%);

 

HEX #7C4987 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #7C4987 10%, #5B4987 96%);

リニア

HEX #5B4987 まで HEX #493A6D


CSSコード:

background-image: linear-gradient(135deg, #5B4987 0%, #493A6D 86%);

ラジアル

HEX #5B4987 まで HEX #493A6D


CSSコード:

background-image: radial-gradient(circle, #5B4987 11%, #493A6D 93%);

 

HEX #493A6D まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #493A6D 0%, #5B4987 95%);

 

HEX #493A6D まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #493A6D 8%, #5B4987 99%);

 

HEX #5B4987 まで HEX #6D57A2


CSSコード:

background-image: linear-gradient(135deg, #5B4987 0%, #6D57A2 90%);

 

HEX #5B4987 まで HEX #6D57A2


CSSコード:

background-image: radial-gradient(circle, #5B4987 11%, #6D57A2 100%);

 

HEX #6D57A2 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #6D57A2 10%, #5B4987 100%);

 

HEX #6D57A2 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #6D57A2 4%, #5B4987 92%);

 

HEX #5B4987 まで HEX #8471B2


CSSコード:

background-image: linear-gradient(135deg, #5B4987 5%, #8471B2 86%);

 

HEX #5B4987 まで HEX #8471B2


CSSコード:

background-image: radial-gradient(circle, #5B4987 10%, #8471B2 88%);

 

HEX #8471B2 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #8471B2 5%, #5B4987 98%);

 

HEX #8471B2 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #8471B2 13%, #5B4987 90%);

リニア

HEX #5B4987 まで HEX #4A4987


CSSコード:

background-image: linear-gradient(135deg, #5B4987 8%, #4A4987 100%);

ラジアル

HEX #5B4987 まで HEX #4A4987


CSSコード:

background-image: radial-gradient(circle, #5B4987 1%, #4A4987 89%);

 

HEX #4A4987 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #4A4987 12%, #5B4987 90%);

 

HEX #4A4987 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #4A4987 1%, #5B4987 96%);

 

HEX #5B4987 まで HEX #5A4987


CSSコード:

background-image: linear-gradient(135deg, #5B4987 8%, #5A4987 89%);

 

HEX #5B4987 まで HEX #5A4987


CSSコード:

background-image: radial-gradient(circle, #5B4987 11%, #5A4987 88%);

 

HEX #5A4987 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #5A4987 7%, #5B4987 87%);

 

HEX #5A4987 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #5A4987 0%, #5B4987 91%);

 

HEX #5B4987 まで HEX #6B4987


CSSコード:

background-image: linear-gradient(135deg, #5B4987 0%, #6B4987 99%);

 

HEX #5B4987 まで HEX #6B4987


CSSコード:

background-image: radial-gradient(circle, #5B4987 0%, #6B4987 88%);

 

HEX #6B4987 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #6B4987 3%, #5B4987 100%);

 

HEX #6B4987 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #6B4987 9%, #5B4987 92%);

 

HEX #5B4987 まで HEX #7C4987


CSSコード:

background-image: linear-gradient(135deg, #5B4987 0%, #7C4987 100%);

 

HEX #5B4987 まで HEX #7C4987


CSSコード:

background-image: radial-gradient(circle, #5B4987 3%, #7C4987 86%);

 

HEX #7C4987 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #7C4987 14%, #5B4987 90%);

 

HEX #7C4987 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #7C4987 11%, #5B4987 90%);

リニア

HEX #5B4987 まで HEX #493A6D


CSSコード:

background-image: linear-gradient(135deg, #5B4987 0%, #493A6D 95%);

ラジアル

HEX #5B4987 まで HEX #493A6D


CSSコード:

background-image: radial-gradient(circle, #5B4987 4%, #493A6D 97%);

 

HEX #493A6D まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #493A6D 5%, #5B4987 93%);

 

HEX #493A6D まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #493A6D 8%, #5B4987 95%);

 

HEX #5B4987 まで HEX #6D57A2


CSSコード:

background-image: linear-gradient(135deg, #5B4987 9%, #6D57A2 88%);

 

HEX #5B4987 まで HEX #6D57A2


CSSコード:

background-image: radial-gradient(circle, #5B4987 13%, #6D57A2 87%);

 

HEX #6D57A2 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #6D57A2 0%, #5B4987 89%);

 

HEX #6D57A2 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #6D57A2 7%, #5B4987 88%);

 

HEX #5B4987 まで HEX #8471B2


CSSコード:

background-image: linear-gradient(135deg, #5B4987 1%, #8471B2 95%);

 

HEX #5B4987 まで HEX #8471B2


CSSコード:

background-image: radial-gradient(circle, #5B4987 9%, #8471B2 89%);

 

HEX #8471B2 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #8471B2 8%, #5B4987 98%);

 

HEX #8471B2 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #8471B2 5%, #5B4987 86%);

リニア

HEX #5B4987 まで HEX #874969


CSSコード:

background-image: linear-gradient(135deg, #5B4987 0%, #874969 89%);

ラジアル

HEX #5B4987 まで HEX #874969


CSSコード:

background-image: radial-gradient(circle, #5B4987 9%, #874969 94%);

 

HEX #874969 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #874969 2%, #5B4987 90%);

 

HEX #874969 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #874969 3%, #5B4987 86%);

 

HEX #5B4987 まで HEX #508749


CSSコード:

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

 

HEX #5B4987 まで HEX #508749


CSSコード:

background-image: radial-gradient(circle, #5B4987 2%, #508749 90%);

 

HEX #508749 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #508749 2%, #5B4987 93%);

 

HEX #508749 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #508749 5%, #5B4987 95%);

リニア

HEX #5B4987 まで HEX #875A49


CSSコード:

background-image: linear-gradient(135deg, #5B4987 7%, #875A49 100%);

ラジアル

HEX #5B4987 まで HEX #875A49


CSSコード:

background-image: radial-gradient(circle, #5B4987 7%, #875A49 92%);

 

HEX #875A49 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #875A49 0%, #5B4987 89%);

 

HEX #875A49 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #875A49 14%, #5B4987 95%);

 

HEX #5B4987 まで HEX #49875A


CSSコード:

background-image: linear-gradient(135deg, #5B4987 13%, #49875A 90%);

 

HEX #5B4987 まで HEX #49875A


CSSコード:

background-image: radial-gradient(circle, #5B4987 3%, #49875A 91%);

 

HEX #49875A まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #49875A 2%, #5B4987 95%);

 

HEX #49875A まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #49875A 10%, #5B4987 91%);

リニア

HEX #5B4987 まで HEX #874969


CSSコード:

background-image: linear-gradient(135deg, #5B4987 9%, #874969 89%);

ラジアル

HEX #5B4987 まで HEX #874969


CSSコード:

background-image: radial-gradient(circle, #5B4987 4%, #874969 99%);

 

HEX #874969 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #874969 7%, #5B4987 87%);

 

HEX #874969 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #874969 4%, #5B4987 94%);

 

HEX #5B4987 まで HEX #768749


CSSコード:

background-image: linear-gradient(135deg, #5B4987 1%, #768749 99%);

 

HEX #5B4987 まで HEX #768749


CSSコード:

background-image: radial-gradient(circle, #5B4987 2%, #768749 89%);

 

HEX #768749 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #768749 14%, #5B4987 100%);

 

HEX #768749 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #768749 4%, #5B4987 98%);

 

HEX #5B4987 まで HEX #498767


CSSコード:

background-image: linear-gradient(135deg, #5B4987 14%, #498767 93%);

 

HEX #5B4987 まで HEX #498767


CSSコード:

background-image: radial-gradient(circle, #5B4987 8%, #498767 89%);

 

HEX #498767 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #498767 5%, #5B4987 95%);

 

HEX #498767 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #498767 4%, #5B4987 94%);

リニア

HEX #5B4987 まで HEX #874956


CSSコード:

background-image: linear-gradient(135deg, #5B4987 4%, #874956 93%);

ラジアル

HEX #5B4987 まで HEX #874956


CSSコード:

background-image: radial-gradient(circle, #5B4987 10%, #874956 91%);

 

HEX #874956 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #874956 10%, #5B4987 89%);

 

HEX #874956 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #874956 9%, #5B4987 95%);

 

HEX #5B4987 まで HEX #768749


CSSコード:

background-image: linear-gradient(135deg, #5B4987 8%, #768749 86%);

 

HEX #5B4987 まで HEX #768749


CSSコード:

background-image: radial-gradient(circle, #5B4987 12%, #768749 98%);

 

HEX #768749 まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #768749 9%, #5B4987 99%);

 

HEX #768749 まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #768749 0%, #5B4987 99%);

 

HEX #5B4987 まで HEX #49877A


CSSコード:

background-image: linear-gradient(135deg, #5B4987 6%, #49877A 87%);

 

HEX #5B4987 まで HEX #49877A


CSSコード:

background-image: radial-gradient(circle, #5B4987 4%, #49877A 86%);

 

HEX #49877A まで HEX #5B4987


CSSコード:

background-image: linear-gradient(135deg, #49877A 3%, #5B4987 91%);

 

HEX #49877A まで HEX #5B4987


CSSコード:

background-image: radial-gradient(circle, #49877A 11%, #5B4987 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