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

✕

CSS グラデーション:
Pantone 254 C

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #981D97 まで HEX #8EDD65


CSSコード:

background-image: linear-gradient(135deg, #981D97 4%, #8EDD65 98%);

ラジアル

HEX #981D97 まで HEX #8EDD65


CSSコード:

background-image: radial-gradient(circle, #981D97 0%, #8EDD65 98%);

 

HEX #8EDD65 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #8EDD65 1%, #981D97 93%);

 

HEX #8EDD65 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #8EDD65 2%, #981D97 90%);

リニア

HEX #981D97 まで HEX #AD1AAC


CSSコード:

background-image: linear-gradient(135deg, #981D97 14%, #AD1AAC 98%);

ラジアル

HEX #981D97 まで HEX #AD1AAC


CSSコード:

background-image: radial-gradient(circle, #981D97 5%, #AD1AAC 93%);

 

HEX #AD1AAC まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #AD1AAC 5%, #981D97 95%);

 

HEX #AD1AAC まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #AD1AAC 7%, #981D97 89%);

 

HEX #981D97 まで HEX #AC4FC6


CSSコード:

background-image: linear-gradient(135deg, #981D97 10%, #AC4FC6 96%);

 

HEX #981D97 まで HEX #AC4FC6


CSSコード:

background-image: radial-gradient(circle, #981D97 10%, #AC4FC6 100%);

 

HEX #AC4FC6 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #AC4FC6 0%, #981D97 99%);

 

HEX #AC4FC6 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #AC4FC6 6%, #981D97 90%);

 

HEX #981D97 まで HEX #C964CF


CSSコード:

background-image: linear-gradient(135deg, #981D97 3%, #C964CF 86%);

 

HEX #981D97 まで HEX #C964CF


CSSコード:

background-image: radial-gradient(circle, #981D97 13%, #C964CF 93%);

 

HEX #C964CF まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #C964CF 11%, #981D97 99%);

 

HEX #C964CF まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #C964CF 10%, #981D97 89%);

 

HEX #981D97 まで HEX #F277C6


CSSコード:

background-image: linear-gradient(135deg, #981D97 6%, #F277C6 100%);

 

HEX #981D97 まで HEX #F277C6


CSSコード:

background-image: radial-gradient(circle, #981D97 8%, #F277C6 99%);

 

HEX #F277C6 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #F277C6 7%, #981D97 92%);

 

HEX #F277C6 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #F277C6 3%, #981D97 95%);

リニア

HEX #981D97 まで HEX #830065


CSSコード:

background-image: linear-gradient(135deg, #981D97 12%, #830065 89%);

ラジアル

HEX #981D97 まで HEX #830065


CSSコード:

background-image: radial-gradient(circle, #981D97 9%, #830065 100%);

 

HEX #830065 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #830065 12%, #981D97 97%);

 

HEX #830065 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #830065 11%, #981D97 92%);

 

HEX #981D97 まで HEX #830065


CSSコード:

background-image: linear-gradient(135deg, #981D97 3%, #830065 89%);

 

HEX #981D97 まで HEX #830065


CSSコード:

background-image: radial-gradient(circle, #981D97 1%, #830065 98%);

 

HEX #830065 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #830065 13%, #981D97 92%);

 

HEX #830065 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #830065 14%, #981D97 90%);

 

HEX #981D97 まで HEX #51284F


CSSコード:

background-image: linear-gradient(135deg, #981D97 13%, #51284F 88%);

 

HEX #981D97 まで HEX #51284F


CSSコード:

background-image: radial-gradient(circle, #981D97 4%, #51284F 90%);

 

HEX #51284F まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #51284F 7%, #981D97 99%);

 

HEX #51284F まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #51284F 6%, #981D97 89%);

 

HEX #981D97 まで HEX #41273B


CSSコード:

background-image: linear-gradient(135deg, #981D97 9%, #41273B 93%);

 

HEX #981D97 まで HEX #41273B


CSSコード:

background-image: radial-gradient(circle, #981D97 9%, #41273B 99%);

 

HEX #41273B まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #41273B 4%, #981D97 94%);

 

HEX #41273B まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #41273B 9%, #981D97 86%);

 

HEX #981D97 まで HEX #991E66


CSSコード:

background-image: linear-gradient(135deg, #981D97 13%, #991E66 99%);

 

HEX #981D97 まで HEX #991E66


CSSコード:

background-image: radial-gradient(circle, #981D97 11%, #991E66 100%);

 

HEX #991E66 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #991E66 8%, #981D97 90%);

 

HEX #991E66 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #991E66 0%, #981D97 87%);

 

HEX #981D97 まで HEX #991E66


CSSコード:

background-image: linear-gradient(135deg, #981D97 7%, #991E66 87%);

 

HEX #981D97 まで HEX #991E66


CSSコード:

background-image: radial-gradient(circle, #981D97 2%, #991E66 87%);

 

HEX #991E66 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #991E66 10%, #981D97 93%);

 

HEX #991E66 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #991E66 8%, #981D97 99%);

 

HEX #981D97 まで HEX #9B2242


CSSコード:

background-image: linear-gradient(135deg, #981D97 9%, #9B2242 88%);

 

HEX #981D97 まで HEX #9B2242


CSSコード:

background-image: radial-gradient(circle, #981D97 2%, #9B2242 91%);

 

HEX #9B2242 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #9B2242 14%, #981D97 89%);

 

HEX #9B2242 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #9B2242 1%, #981D97 90%);

リニア

HEX #981D97 まで HEX #C724B1


CSSコード:

background-image: linear-gradient(135deg, #981D97 9%, #C724B1 89%);

ラジアル

HEX #981D97 まで HEX #C724B1


CSSコード:

background-image: radial-gradient(circle, #981D97 5%, #C724B1 86%);

 

HEX #C724B1 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #C724B1 13%, #981D97 92%);

 

HEX #C724B1 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #C724B1 8%, #981D97 89%);

 

HEX #981D97 まで HEX #FF3EB5


CSSコード:

background-image: linear-gradient(135deg, #981D97 14%, #FF3EB5 97%);

 

HEX #981D97 まで HEX #FF3EB5


CSSコード:

background-image: radial-gradient(circle, #981D97 2%, #FF3EB5 88%);

 

HEX #FF3EB5 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #FF3EB5 6%, #981D97 88%);

 

HEX #FF3EB5 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #FF3EB5 1%, #981D97 99%);

 

HEX #981D97 まで HEX #221C35


CSSコード:

background-image: linear-gradient(135deg, #981D97 7%, #221C35 91%);

 

HEX #981D97 まで HEX #221C35


CSSコード:

background-image: radial-gradient(circle, #981D97 11%, #221C35 95%);

 

HEX #221C35 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #221C35 4%, #981D97 93%);

 

HEX #221C35 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #221C35 0%, #981D97 98%);

 

HEX #981D97 まで HEX #642667


CSSコード:

background-image: linear-gradient(135deg, #981D97 1%, #642667 95%);

 

HEX #981D97 まで HEX #642667


CSSコード:

background-image: radial-gradient(circle, #981D97 0%, #642667 87%);

 

HEX #642667 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #642667 8%, #981D97 96%);

 

HEX #642667 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #642667 14%, #981D97 86%);

リニア

HEX #981D97 まで HEX #963821


CSSコード:

background-image: linear-gradient(135deg, #981D97 10%, #963821 90%);

ラジアル

HEX #981D97 まで HEX #963821


CSSコード:

background-image: radial-gradient(circle, #981D97 2%, #963821 88%);

 

HEX #963821 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #963821 0%, #981D97 99%);

 

HEX #963821 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #963821 8%, #981D97 89%);

 

HEX #981D97 まで HEX #00965E


CSSコード:

background-image: linear-gradient(135deg, #981D97 5%, #00965E 91%);

 

HEX #981D97 まで HEX #00965E


CSSコード:

background-image: radial-gradient(circle, #981D97 2%, #00965E 96%);

 

HEX #00965E まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #00965E 11%, #981D97 93%);

 

HEX #00965E まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #00965E 13%, #981D97 86%);

リニア

HEX #981D97 まで HEX #8E8C13


CSSコード:

background-image: linear-gradient(135deg, #981D97 2%, #8E8C13 91%);

ラジアル

HEX #981D97 まで HEX #8E8C13


CSSコード:

background-image: radial-gradient(circle, #981D97 11%, #8E8C13 96%);

 

HEX #8E8C13 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #8E8C13 1%, #981D97 96%);

 

HEX #8E8C13 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #8E8C13 12%, #981D97 96%);

 

HEX #981D97 まで HEX #279989


CSSコード:

background-image: linear-gradient(135deg, #981D97 9%, #279989 100%);

 

HEX #981D97 まで HEX #279989


CSSコード:

background-image: radial-gradient(circle, #981D97 11%, #279989 87%);

 

HEX #279989 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #279989 0%, #981D97 98%);

 

HEX #279989 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #279989 13%, #981D97 99%);

リニア

HEX #981D97 まで HEX #963821


CSSコード:

background-image: linear-gradient(135deg, #981D97 14%, #963821 87%);

ラジアル

HEX #981D97 まで HEX #963821


CSSコード:

background-image: radial-gradient(circle, #981D97 6%, #963821 96%);

 

HEX #963821 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #963821 1%, #981D97 91%);

 

HEX #963821 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #963821 5%, #981D97 92%);

 

HEX #981D97 まで HEX #009639


CSSコード:

background-image: linear-gradient(135deg, #981D97 5%, #009639 89%);

 

HEX #981D97 まで HEX #009639


CSSコード:

background-image: radial-gradient(circle, #981D97 1%, #009639 92%);

 

HEX #009639 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #009639 8%, #981D97 97%);

 

HEX #009639 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #009639 0%, #981D97 91%);

 

HEX #981D97 まで HEX #236192


CSSコード:

background-image: linear-gradient(135deg, #981D97 9%, #236192 97%);

 

HEX #981D97 まで HEX #236192


CSSコード:

background-image: radial-gradient(circle, #981D97 11%, #236192 99%);

 

HEX #236192 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #236192 2%, #981D97 91%);

 

HEX #236192 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #236192 9%, #981D97 90%);

リニア

HEX #981D97 まで HEX #9B5A1A


CSSコード:

background-image: linear-gradient(135deg, #981D97 0%, #9B5A1A 100%);

ラジアル

HEX #981D97 まで HEX #9B5A1A


CSSコード:

background-image: radial-gradient(circle, #981D97 0%, #9B5A1A 99%);

 

HEX #9B5A1A まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #9B5A1A 1%, #981D97 98%);

 

HEX #9B5A1A まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #9B5A1A 11%, #981D97 86%);

 

HEX #981D97 まで HEX #009639


CSSコード:

background-image: linear-gradient(135deg, #981D97 14%, #009639 93%);

 

HEX #981D97 まで HEX #009639


CSSコード:

background-image: radial-gradient(circle, #981D97 5%, #009639 93%);

 

HEX #009639 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #009639 3%, #981D97 100%);

 

HEX #009639 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #009639 1%, #981D97 89%);

 

HEX #981D97 まで HEX #1D4F91


CSSコード:

background-image: linear-gradient(135deg, #981D97 10%, #1D4F91 94%);

 

HEX #981D97 まで HEX #1D4F91


CSSコード:

background-image: radial-gradient(circle, #981D97 12%, #1D4F91 86%);

 

HEX #1D4F91 まで HEX #981D97


CSSコード:

background-image: linear-gradient(135deg, #1D4F91 6%, #981D97 92%);

 

HEX #1D4F91 まで HEX #981D97


CSSコード:

background-image: radial-gradient(circle, #1D4F91 0%, #981D97 88%);

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

サービス内容

カラー

ラグビー に 呪咀

から変換する 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-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de