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

✕

CSS グラデーション:
CMYK 12 / 9 / 0 / 8

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #CED5EB まで HEX #312A14


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 14%, #312A14 91%);

ラジアル

HEX #CED5EB まで HEX #312A14


CSSコード:

background-image: radial-gradient(circle, #CED5EB 6%, #312A14 91%);

 

HEX #312A14 まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #312A14 3%, #CED5EB 98%);

 

HEX #312A14 まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #312A14 12%, #CED5EB 96%);

リニア

HEX #CED5EB まで HEX #CCDBEA


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 0%, #CCDBEA 92%);

ラジアル

HEX #CED5EB まで HEX #CCDBEA


CSSコード:

background-image: radial-gradient(circle, #CED5EB 4%, #CCDBEA 86%);

 

HEX #CCDBEA まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #CCDBEA 4%, #CED5EB 92%);

 

HEX #CCDBEA まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #CCDBEA 11%, #CED5EB 93%);

 

HEX #CED5EB まで HEX #CCD3EA


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 10%, #CCD3EA 88%);

 

HEX #CED5EB まで HEX #CCD3EA


CSSコード:

background-image: radial-gradient(circle, #CED5EB 1%, #CCD3EA 93%);

 

HEX #CCD3EA まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #CCD3EA 3%, #CED5EB 88%);

 

HEX #CCD3EA まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #CCD3EA 12%, #CED5EB 90%);

 

HEX #CED5EB まで HEX #CCCCEA


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 3%, #CCCCEA 94%);

 

HEX #CED5EB まで HEX #CCCCEA


CSSコード:

background-image: radial-gradient(circle, #CED5EB 11%, #CCCCEA 97%);

 

HEX #CCCCEA まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #CCCCEA 4%, #CED5EB 88%);

 

HEX #CCCCEA まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #CCCCEA 8%, #CED5EB 96%);

 

HEX #CED5EB まで HEX #D4CCEA


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 9%, #D4CCEA 93%);

 

HEX #CED5EB まで HEX #D4CCEA


CSSコード:

background-image: radial-gradient(circle, #CED5EB 14%, #D4CCEA 91%);

 

HEX #D4CCEA まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #D4CCEA 4%, #CED5EB 98%);

 

HEX #D4CCEA まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #D4CCEA 10%, #CED5EB 90%);

リニア

HEX #CED5EB まで HEX #AFBADE


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 2%, #AFBADE 93%);

ラジアル

HEX #CED5EB まで HEX #AFBADE


CSSコード:

background-image: radial-gradient(circle, #CED5EB 2%, #AFBADE 91%);

 

HEX #AFBADE まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #AFBADE 8%, #CED5EB 86%);

 

HEX #AFBADE まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #AFBADE 14%, #CED5EB 98%);

 

HEX #CED5EB まで HEX #CCD3EA


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 7%, #CCD3EA 97%);

 

HEX #CED5EB まで HEX #CCD3EA


CSSコード:

background-image: radial-gradient(circle, #CED5EB 1%, #CCD3EA 91%);

 

HEX #CCD3EA まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #CCD3EA 1%, #CED5EB 94%);

 

HEX #CCD3EA まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #CCD3EA 2%, #CED5EB 86%);

 

HEX #CED5EB まで HEX #E9ECF6


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 0%, #E9ECF6 99%);

 

HEX #CED5EB まで HEX #E9ECF6


CSSコード:

background-image: radial-gradient(circle, #CED5EB 11%, #E9ECF6 92%);

 

HEX #E9ECF6 まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #E9ECF6 11%, #CED5EB 93%);

 

HEX #E9ECF6 まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #E9ECF6 0%, #CED5EB 99%);

リニア

HEX #CED5EB まで HEX #CCDBEA


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 12%, #CCDBEA 90%);

ラジアル

HEX #CED5EB まで HEX #CCDBEA


CSSコード:

background-image: radial-gradient(circle, #CED5EB 2%, #CCDBEA 86%);

 

HEX #CCDBEA まで HEX #CED5EB


CSSコード:

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

 

HEX #CCDBEA まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #CCDBEA 2%, #CED5EB 89%);

 

HEX #CED5EB まで HEX #CCD3EA


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 10%, #CCD3EA 99%);

 

HEX #CED5EB まで HEX #CCD3EA


CSSコード:

background-image: radial-gradient(circle, #CED5EB 13%, #CCD3EA 92%);

 

HEX #CCD3EA まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #CCD3EA 11%, #CED5EB 88%);

 

HEX #CCD3EA まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #CCD3EA 4%, #CED5EB 96%);

 

HEX #CED5EB まで HEX #CCCCEA


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 13%, #CCCCEA 87%);

 

HEX #CED5EB まで HEX #CCCCEA


CSSコード:

background-image: radial-gradient(circle, #CED5EB 3%, #CCCCEA 91%);

 

HEX #CCCCEA まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #CCCCEA 13%, #CED5EB 86%);

 

HEX #CCCCEA まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #CCCCEA 2%, #CED5EB 87%);

 

HEX #CED5EB まで HEX #D4CCEA


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 5%, #D4CCEA 99%);

 

HEX #CED5EB まで HEX #D4CCEA


CSSコード:

background-image: radial-gradient(circle, #CED5EB 3%, #D4CCEA 94%);

 

HEX #D4CCEA まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #D4CCEA 1%, #CED5EB 94%);

 

HEX #D4CCEA まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #D4CCEA 9%, #CED5EB 100%);

リニア

HEX #CED5EB まで HEX #AFBADE


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 0%, #AFBADE 87%);

ラジアル

HEX #CED5EB まで HEX #AFBADE


CSSコード:

background-image: radial-gradient(circle, #CED5EB 1%, #AFBADE 94%);

 

HEX #AFBADE まで HEX #CED5EB


CSSコード:

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

 

HEX #AFBADE まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #AFBADE 2%, #CED5EB 99%);

 

HEX #CED5EB まで HEX #CCD3EA


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 12%, #CCD3EA 92%);

 

HEX #CED5EB まで HEX #CCD3EA


CSSコード:

background-image: radial-gradient(circle, #CED5EB 7%, #CCD3EA 96%);

 

HEX #CCD3EA まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #CCD3EA 8%, #CED5EB 96%);

 

HEX #CCD3EA まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #CCD3EA 8%, #CED5EB 93%);

 

HEX #CED5EB まで HEX #E9ECF6


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 10%, #E9ECF6 100%);

 

HEX #CED5EB まで HEX #E9ECF6


CSSコード:

background-image: radial-gradient(circle, #CED5EB 8%, #E9ECF6 100%);

 

HEX #E9ECF6 まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #E9ECF6 14%, #CED5EB 94%);

 

HEX #E9ECF6 まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #E9ECF6 13%, #CED5EB 87%);

リニア

HEX #CED5EB まで HEX #E8CCEA


CSSコード:

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

ラジアル

HEX #CED5EB まで HEX #E8CCEA


CSSコード:

background-image: radial-gradient(circle, #CED5EB 6%, #E8CCEA 96%);

 

HEX #E8CCEA まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #E8CCEA 10%, #CED5EB 89%);

 

HEX #E8CCEA まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #E8CCEA 12%, #CED5EB 90%);

 

HEX #CED5EB まで HEX #DFEACC


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 12%, #DFEACC 93%);

 

HEX #CED5EB まで HEX #DFEACC


CSSコード:

background-image: radial-gradient(circle, #CED5EB 11%, #DFEACC 94%);

 

HEX #DFEACC まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #DFEACC 4%, #CED5EB 91%);

 

HEX #DFEACC まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #DFEACC 11%, #CED5EB 89%);

リニア

HEX #CED5EB まで HEX #EACCD3


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 4%, #EACCD3 93%);

ラジアル

HEX #CED5EB まで HEX #EACCD3


CSSコード:

background-image: radial-gradient(circle, #CED5EB 13%, #EACCD3 87%);

 

HEX #EACCD3 まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #EACCD3 3%, #CED5EB 88%);

 

HEX #EACCD3 まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #EACCD3 12%, #CED5EB 97%);

 

HEX #CED5EB まで HEX #D3EACC


CSSコード:

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

 

HEX #CED5EB まで HEX #D3EACC


CSSコード:

background-image: radial-gradient(circle, #CED5EB 14%, #D3EACC 93%);

 

HEX #D3EACC まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #D3EACC 0%, #CED5EB 91%);

 

HEX #D3EACC まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #D3EACC 4%, #CED5EB 89%);

リニア

HEX #CED5EB まで HEX #E8CCEA


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 6%, #E8CCEA 97%);

ラジアル

HEX #CED5EB まで HEX #E8CCEA


CSSコード:

background-image: radial-gradient(circle, #CED5EB 3%, #E8CCEA 100%);

 

HEX #E8CCEA まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #E8CCEA 1%, #CED5EB 96%);

 

HEX #E8CCEA まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #E8CCEA 8%, #CED5EB 89%);

 

HEX #CED5EB まで HEX #EAE2CC


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 10%, #EAE2CC 96%);

 

HEX #CED5EB まで HEX #EAE2CC


CSSコード:

background-image: radial-gradient(circle, #CED5EB 9%, #EAE2CC 86%);

 

HEX #EAE2CC まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #EAE2CC 2%, #CED5EB 87%);

 

HEX #EAE2CC まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #EAE2CC 5%, #CED5EB 90%);

 

HEX #CED5EB まで HEX #CDEACC


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 4%, #CDEACC 96%);

 

HEX #CED5EB まで HEX #CDEACC


CSSコード:

background-image: radial-gradient(circle, #CED5EB 14%, #CDEACC 98%);

 

HEX #CDEACC まで HEX #CED5EB


CSSコード:

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

 

HEX #CDEACC まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #CDEACC 14%, #CED5EB 95%);

リニア

HEX #CED5EB まで HEX #EACCE2


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 5%, #EACCE2 93%);

ラジアル

HEX #CED5EB まで HEX #EACCE2


CSSコード:

background-image: radial-gradient(circle, #CED5EB 12%, #EACCE2 90%);

 

HEX #EACCE2 まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #EACCE2 5%, #CED5EB 91%);

 

HEX #EACCE2 まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #EACCE2 8%, #CED5EB 95%);

 

HEX #CED5EB まで HEX #EAE2CC


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 3%, #EAE2CC 93%);

 

HEX #CED5EB まで HEX #EAE2CC


CSSコード:

background-image: radial-gradient(circle, #CED5EB 1%, #EAE2CC 95%);

 

HEX #EAE2CC まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #EAE2CC 2%, #CED5EB 90%);

 

HEX #EAE2CC まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #EAE2CC 8%, #CED5EB 99%);

 

HEX #CED5EB まで HEX #CCEAD3


CSSコード:

background-image: linear-gradient(135deg, #CED5EB 12%, #CCEAD3 99%);

 

HEX #CED5EB まで HEX #CCEAD3


CSSコード:

background-image: radial-gradient(circle, #CED5EB 5%, #CCEAD3 98%);

 

HEX #CCEAD3 まで HEX #CED5EB


CSSコード:

background-image: linear-gradient(135deg, #CCEAD3 13%, #CED5EB 93%);

 

HEX #CCEAD3 まで HEX #CED5EB


CSSコード:

background-image: radial-gradient(circle, #CCEAD3 5%, #CED5EB 87%);

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

サービス内容

カラー

ラグビー に 呪咀

から変換する 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 - Designed by frag-bobby.de