新機能: APIパッケージが利用可能になりました。


複数のAPIキーを作成し、毎月のトークンクォータを管理し、qConvをアプリケーションに柔軟に統合することができます。

2025-08-15:全パッケージを紹介価格でご利用いただけます。

今すぐ見る X

CSS グラデーション:
#ECCCEE

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

明るい色：高い色彩値は明るい印象を与える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #ECCCEE まで HEX #133311


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 2%, #133311 100%);

ラジアル

HEX #ECCCEE まで HEX #133311


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 8%, #133311 97%);

 

HEX #133311 まで HEX #ECCCEE


CSSコード:

background-image: linear-gradient(135deg, #133311 0%, #ECCCEE 98%);

 

HEX #133311 まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #133311 14%, #ECCCEE 92%);

リニア

HEX #ECCCEE まで HEX #E3CDEE


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 9%, #E3CDEE 96%);

ラジアル

HEX #ECCCEE まで HEX #E3CDEE


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 12%, #E3CDEE 94%);

 

HEX #E3CDEE まで HEX #ECCCEE


CSSコード:

background-image: linear-gradient(135deg, #E3CDEE 0%, #ECCCEE 94%);

 

HEX #E3CDEE まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #E3CDEE 5%, #ECCCEE 95%);

 

HEX #ECCCEE まで HEX #ECCDEE


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 14%, #ECCDEE 91%);

 

HEX #ECCCEE まで HEX #ECCDEE


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 4%, #ECCDEE 89%);

 

HEX #ECCDEE まで HEX #ECCCEE


CSSコード:

background-image: linear-gradient(135deg, #ECCDEE 0%, #ECCCEE 93%);

 

HEX #ECCDEE まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #ECCDEE 2%, #ECCCEE 90%);

 

HEX #ECCCEE まで HEX #EECDE7


CSSコード:

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

 

HEX #ECCCEE まで HEX #EECDE7


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 7%, #EECDE7 100%);

 

HEX #EECDE7 まで HEX #ECCCEE


CSSコード:

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

 

HEX #EECDE7 まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #EECDE7 13%, #ECCCEE 86%);

 

HEX #ECCCEE まで HEX #EECDDE


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 3%, #EECDDE 97%);

 

HEX #ECCCEE まで HEX #EECDDE


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 4%, #EECDDE 87%);

 

HEX #EECDDE まで HEX #ECCCEE


CSSコード:

background-image: linear-gradient(135deg, #EECDDE 1%, #ECCCEE 89%);

 

HEX #EECDDE まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #EECDDE 8%, #ECCCEE 97%);

リニア

HEX #ECCCEE まで HEX #E0AEE4


CSSコード:

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

ラジアル

HEX #ECCCEE まで HEX #E0AEE4


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 0%, #E0AEE4 99%);

 

HEX #E0AEE4 まで HEX #ECCCEE


CSSコード:

background-image: linear-gradient(135deg, #E0AEE4 6%, #ECCCEE 87%);

 

HEX #E0AEE4 まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #E0AEE4 1%, #ECCCEE 86%);

 

HEX #ECCCEE まで HEX #ECCDEE


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 3%, #ECCDEE 96%);

 

HEX #ECCCEE まで HEX #ECCDEE


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 14%, #ECCDEE 87%);

 

HEX #ECCDEE まで HEX #ECCCEE


CSSコード:

background-image: linear-gradient(135deg, #ECCDEE 10%, #ECCCEE 95%);

 

HEX #ECCDEE まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #ECCDEE 3%, #ECCCEE 94%);

 

HEX #ECCCEE まで HEX #F8ECF8


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 1%, #F8ECF8 93%);

 

HEX #ECCCEE まで HEX #F8ECF8


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 14%, #F8ECF8 89%);

 

HEX #F8ECF8 まで HEX #ECCCEE


CSSコード:

background-image: linear-gradient(135deg, #F8ECF8 12%, #ECCCEE 97%);

 

HEX #F8ECF8 まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #F8ECF8 9%, #ECCCEE 100%);

リニア

HEX #ECCCEE まで HEX #E3CDEE


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 11%, #E3CDEE 96%);

ラジアル

HEX #ECCCEE まで HEX #E3CDEE


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 0%, #E3CDEE 87%);

 

HEX #E3CDEE まで HEX #ECCCEE


CSSコード:

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

 

HEX #E3CDEE まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #E3CDEE 1%, #ECCCEE 89%);

 

HEX #ECCCEE まで HEX #ECCDEE


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 1%, #ECCDEE 86%);

 

HEX #ECCCEE まで HEX #ECCDEE


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 12%, #ECCDEE 94%);

 

HEX #ECCDEE まで HEX #ECCCEE


CSSコード:

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

 

HEX #ECCDEE まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #ECCDEE 2%, #ECCCEE 95%);

 

HEX #ECCCEE まで HEX #EECDE7


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 4%, #EECDE7 86%);

 

HEX #ECCCEE まで HEX #EECDE7


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 10%, #EECDE7 98%);

 

HEX #EECDE7 まで HEX #ECCCEE


CSSコード:

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

 

HEX #EECDE7 まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #EECDE7 1%, #ECCCEE 88%);

 

HEX #ECCCEE まで HEX #EECDDE


CSSコード:

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

 

HEX #ECCCEE まで HEX #EECDDE


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 13%, #EECDDE 90%);

 

HEX #EECDDE まで HEX #ECCCEE


CSSコード:

background-image: linear-gradient(135deg, #EECDDE 6%, #ECCCEE 94%);

 

HEX #EECDDE まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #EECDDE 8%, #ECCCEE 100%);

リニア

HEX #ECCCEE まで HEX #E0AEE4


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 8%, #E0AEE4 95%);

ラジアル

HEX #ECCCEE まで HEX #E0AEE4


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 1%, #E0AEE4 90%);

 

HEX #E0AEE4 まで HEX #ECCCEE


CSSコード:

background-image: linear-gradient(135deg, #E0AEE4 5%, #ECCCEE 86%);

 

HEX #E0AEE4 まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #E0AEE4 8%, #ECCCEE 89%);

 

HEX #ECCCEE まで HEX #ECCDEE


CSSコード:

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

 

HEX #ECCCEE まで HEX #ECCDEE


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 3%, #ECCDEE 87%);

 

HEX #ECCDEE まで HEX #ECCCEE


CSSコード:

background-image: linear-gradient(135deg, #ECCDEE 11%, #ECCCEE 90%);

 

HEX #ECCDEE まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #ECCDEE 10%, #ECCCEE 94%);

 

HEX #ECCCEE まで HEX #F8ECF8


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 0%, #F8ECF8 97%);

 

HEX #ECCCEE まで HEX #F8ECF8


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 4%, #F8ECF8 91%);

 

HEX #F8ECF8 まで HEX #ECCCEE


CSSコード:

background-image: linear-gradient(135deg, #F8ECF8 8%, #ECCCEE 91%);

 

HEX #F8ECF8 まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #F8ECF8 11%, #ECCCEE 100%);

リニア

HEX #ECCCEE まで HEX #EED1CD


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 5%, #EED1CD 86%);

ラジアル

HEX #ECCCEE まで HEX #EED1CD


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 2%, #EED1CD 96%);

 

HEX #EED1CD まで HEX #ECCCEE


CSSコード:

background-image: linear-gradient(135deg, #EED1CD 7%, #ECCCEE 98%);

 

HEX #EED1CD まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #EED1CD 7%, #ECCCEE 89%);

 

HEX #ECCCEE まで HEX #CDEEDE


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 2%, #CDEEDE 99%);

 

HEX #ECCCEE まで HEX #CDEEDE


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 10%, #CDEEDE 87%);

 

HEX #CDEEDE まで HEX #ECCCEE


CSSコード:

background-image: linear-gradient(135deg, #CDEEDE 9%, #ECCCEE 95%);

 

HEX #CDEEDE まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #CDEEDE 6%, #ECCCEE 98%);

リニア

HEX #ECCCEE まで HEX #EEECCD


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 9%, #EEECCD 95%);

ラジアル

HEX #ECCCEE まで HEX #EEECCD


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 10%, #EEECCD 99%);

 

HEX #EEECCD まで HEX #ECCCEE


CSSコード:

background-image: linear-gradient(135deg, #EEECCD 2%, #ECCCEE 91%);

 

HEX #EEECCD まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #EEECCD 9%, #ECCCEE 93%);

 

HEX #ECCCEE まで HEX #CDEEEC


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 6%, #CDEEEC 89%);

 

HEX #ECCCEE まで HEX #CDEEEC


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 1%, #CDEEEC 91%);

 

HEX #CDEEEC まで HEX #ECCCEE


CSSコード:

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

 

HEX #CDEEEC まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #CDEEEC 13%, #ECCCEE 99%);

リニア

HEX #ECCCEE まで HEX #EED1CD


CSSコード:

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

ラジアル

HEX #ECCCEE まで HEX #EED1CD


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 5%, #EED1CD 97%);

 

HEX #EED1CD まで HEX #ECCCEE


CSSコード:

background-image: linear-gradient(135deg, #EED1CD 8%, #ECCCEE 89%);

 

HEX #EED1CD まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #EED1CD 13%, #ECCCEE 93%);

 

HEX #ECCCEE まで HEX #CFEECD


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 6%, #CFEECD 100%);

 

HEX #ECCCEE まで HEX #CFEECD


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 12%, #CFEECD 100%);

 

HEX #CFEECD まで HEX #ECCCEE


CSSコード:

background-image: linear-gradient(135deg, #CFEECD 4%, #ECCCEE 89%);

 

HEX #CFEECD まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #CFEECD 7%, #ECCCEE 95%);

 

HEX #ECCCEE まで HEX #CDEAEE


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 8%, #CDEAEE 90%);

 

HEX #ECCCEE まで HEX #CDEAEE


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 5%, #CDEAEE 86%);

 

HEX #CDEAEE まで HEX #ECCCEE


CSSコード:

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

 

HEX #CDEAEE まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #CDEAEE 3%, #ECCCEE 86%);

リニア

HEX #ECCCEE まで HEX #EEDBCD


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 1%, #EEDBCD 86%);

ラジアル

HEX #ECCCEE まで HEX #EEDBCD


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 14%, #EEDBCD 94%);

 

HEX #EEDBCD まで HEX #ECCCEE


CSSコード:

background-image: linear-gradient(135deg, #EEDBCD 3%, #ECCCEE 96%);

 

HEX #EEDBCD まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #EEDBCD 13%, #ECCCEE 91%);

 

HEX #ECCCEE まで HEX #CFEECD


CSSコード:

background-image: linear-gradient(135deg, #ECCCEE 7%, #CFEECD 95%);

 

HEX #ECCCEE まで HEX #CFEECD


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 7%, #CFEECD 87%);

 

HEX #CFEECD まで HEX #ECCCEE


CSSコード:

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

 

HEX #CFEECD まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #CFEECD 11%, #ECCCEE 98%);

 

HEX #ECCCEE まで HEX #CDE0EE


CSSコード:

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

 

HEX #ECCCEE まで HEX #CDE0EE


CSSコード:

background-image: radial-gradient(circle, #ECCCEE 9%, #CDE0EE 91%);

 

HEX #CDE0EE まで HEX #ECCCEE


CSSコード:

background-image: linear-gradient(135deg, #CDE0EE 9%, #ECCCEE 87%);

 

HEX #CDE0EE まで HEX #ECCCEE


CSSコード:

background-image: radial-gradient(circle, #CDE0EE 12%, #ECCCEE 86%);

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

サービス内容

カラー

ラグビー に 呪咀

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

カラーパレットを保存するには、ログインする必要があります。

アカウントにログイン

または

アカウントを作成する

現在のカラーパレット 共有
公開か非公開か？
共有後、リンク（複数可）が続きます。

キャンセル シェア

カラーパレット共有
ご希望のリンクをコピーして保存してください。

シェア

OK、リンクをコピーしておきました

カラーは新しいカラーパレットに保存され、
プロフィールの下に表示されます。
さらにカスタマイズしたり、共有することもできます。

カラーパレットを表示する
了い

カラーパレットを作成する

ダウンロード各種フォーマットでダウンロード

すべて削除

をクリックすると、パレットを作成し、 色見本をダウンロードすることができます。

© 2019-2025 - Designed by frag-bobby.de