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

✕

CSS グラデーション:
#DE6CAD

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #DE6CAD まで HEX #219352


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 3%, #219352 90%);

ラジアル

HEX #DE6CAD まで HEX #219352


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 14%, #219352 94%);

 

HEX #219352 まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #219352 0%, #DE6CAD 86%);

 

HEX #219352 まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #219352 11%, #DE6CAD 90%);

リニア

HEX #DE6CAD まで HEX #F47EBB


CSSコード:

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

ラジアル

HEX #DE6CAD まで HEX #F47EBB


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 10%, #F47EBB 95%);

 

HEX #F47EBB まで HEX #DE6CAD


CSSコード:

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

 

HEX #F47EBB まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #F47EBB 7%, #DE6CAD 87%);

 

HEX #DE6CAD まで HEX #FF90CE


CSSコード:

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

 

HEX #DE6CAD まで HEX #FF90CE


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 3%, #FF90CE 91%);

 

HEX #FF90CE まで HEX #DE6CAD


CSSコード:

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

 

HEX #FF90CE まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #FF90CE 12%, #DE6CAD 90%);

 

HEX #DE6CAD まで HEX #FFA2E1


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 9%, #FFA2E1 89%);

 

HEX #DE6CAD まで HEX #FFA2E1


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 2%, #FFA2E1 88%);

 

HEX #FFA2E1 まで HEX #DE6CAD


CSSコード:

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

 

HEX #FFA2E1 まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #FFA2E1 11%, #DE6CAD 95%);

 

HEX #DE6CAD まで HEX #FFB4F4


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 8%, #FFB4F4 97%);

 

HEX #DE6CAD まで HEX #FFB4F4


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 4%, #FFB4F4 87%);

 

HEX #FFB4F4 まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #FFB4F4 5%, #DE6CAD 94%);

 

HEX #FFB4F4 まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #FFB4F4 1%, #DE6CAD 90%);

リニア

HEX #DE6CAD まで HEX #CD5A9A


CSSコード:

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

ラジアル

HEX #DE6CAD まで HEX #CD5A9A


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 13%, #CD5A9A 87%);

 

HEX #CD5A9A まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #CD5A9A 1%, #DE6CAD 100%);

 

HEX #CD5A9A まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #CD5A9A 10%, #DE6CAD 98%);

 

HEX #DE6CAD まで HEX #BC4887


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 8%, #BC4887 99%);

 

HEX #DE6CAD まで HEX #BC4887


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 1%, #BC4887 96%);

 

HEX #BC4887 まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #BC4887 11%, #DE6CAD 86%);

 

HEX #BC4887 まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #BC4887 14%, #DE6CAD 86%);

 

HEX #DE6CAD まで HEX #AB3674


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 8%, #AB3674 94%);

 

HEX #DE6CAD まで HEX #AB3674


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 7%, #AB3674 98%);

 

HEX #AB3674 まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #AB3674 10%, #DE6CAD 87%);

 

HEX #AB3674 まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #AB3674 0%, #DE6CAD 87%);

 

HEX #DE6CAD まで HEX #9A2461


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 6%, #9A2461 99%);

 

HEX #DE6CAD まで HEX #9A2461


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 6%, #9A2461 98%);

 

HEX #9A2461 まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #9A2461 10%, #DE6CAD 98%);

 

HEX #9A2461 まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #9A2461 11%, #DE6CAD 94%);

リニア

HEX #DE6CAD まで HEX #DD6D9C


CSSコード:

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

ラジアル

HEX #DE6CAD まで HEX #DD6D9C


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 1%, #DD6D9C 100%);

 

HEX #DD6D9C まで HEX #DE6CAD


CSSコード:

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

 

HEX #DD6D9C まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #DD6D9C 2%, #DE6CAD 86%);

 

HEX #DE6CAD まで HEX #DD6D89


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 14%, #DD6D89 100%);

 

HEX #DE6CAD まで HEX #DD6D89


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 3%, #DD6D89 87%);

 

HEX #DD6D89 まで HEX #DE6CAD


CSSコード:

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

 

HEX #DD6D89 まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #DD6D89 3%, #DE6CAD 89%);

 

HEX #DE6CAD まで HEX #DD6D76


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 1%, #DD6D76 88%);

 

HEX #DE6CAD まで HEX #DD6D76


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 2%, #DD6D76 92%);

 

HEX #DD6D76 まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #DD6D76 8%, #DE6CAD 97%);

 

HEX #DD6D76 まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #DD6D76 12%, #DE6CAD 86%);

 

HEX #DE6CAD まで HEX #DD766D


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 13%, #DD766D 91%);

 

HEX #DE6CAD まで HEX #DD766D


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 2%, #DD766D 100%);

 

HEX #DD766D まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #DD766D 6%, #DE6CAD 90%);

 

HEX #DD766D まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #DD766D 3%, #DE6CAD 92%);

リニア

HEX #DE6CAD まで HEX #12090E


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 9%, #12090E 91%);

ラジアル

HEX #DE6CAD まで HEX #12090E


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 5%, #12090E 89%);

 

HEX #12090E まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #12090E 6%, #DE6CAD 97%);

 

HEX #12090E まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #12090E 3%, #DE6CAD 91%);

 

HEX #DE6CAD まで HEX #452236


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 12%, #452236 100%);

 

HEX #DE6CAD まで HEX #452236


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 1%, #452236 92%);

 

HEX #452236 まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #452236 14%, #DE6CAD 100%);

 

HEX #452236 まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #452236 6%, #DE6CAD 97%);

 

HEX #DE6CAD まで HEX #783A5E


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 0%, #783A5E 91%);

 

HEX #DE6CAD まで HEX #783A5E


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 7%, #783A5E 99%);

 

HEX #783A5E まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #783A5E 10%, #DE6CAD 94%);

 

HEX #783A5E まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #783A5E 11%, #DE6CAD 100%);

 

HEX #DE6CAD まで HEX #AB5385


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 7%, #AB5385 91%);

 

HEX #DE6CAD まで HEX #AB5385


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 5%, #AB5385 97%);

 

HEX #AB5385 まで HEX #DE6CAD


CSSコード:

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

 

HEX #AB5385 まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #AB5385 12%, #DE6CAD 91%);

リニア

HEX #DE6CAD まで HEX #DDB26D


CSSコード:

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

ラジアル

HEX #DE6CAD まで HEX #DDB26D


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 3%, #DDB26D 93%);

 

HEX #DDB26D まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #DDB26D 0%, #DE6CAD 96%);

 

HEX #DDB26D まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #DDB26D 12%, #DE6CAD 89%);

 

HEX #DE6CAD まで HEX #6DDCDD


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 0%, #6DDCDD 90%);

 

HEX #DE6CAD まで HEX #6DDCDD


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 11%, #6DDCDD 90%);

 

HEX #6DDCDD まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #6DDCDD 1%, #DE6CAD 99%);

 

HEX #6DDCDD まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #6DDCDD 3%, #DE6CAD 98%);

リニア

HEX #DE6CAD まで HEX #AFDD6D


CSSコード:

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

ラジアル

HEX #DE6CAD まで HEX #AFDD6D


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 4%, #AFDD6D 95%);

 

HEX #AFDD6D まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #AFDD6D 2%, #DE6CAD 95%);

 

HEX #AFDD6D まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #AFDD6D 10%, #DE6CAD 86%);

 

HEX #DE6CAD まで HEX #6DAFDD


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 9%, #6DAFDD 99%);

 

HEX #DE6CAD まで HEX #6DAFDD


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 0%, #6DAFDD 96%);

 

HEX #6DAFDD まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #6DAFDD 8%, #DE6CAD 95%);

 

HEX #6DAFDD まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #6DAFDD 11%, #DE6CAD 96%);

リニア

HEX #DE6CAD まで HEX #DDB26D


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 7%, #DDB26D 86%);

ラジアル

HEX #DE6CAD まで HEX #DDB26D


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 2%, #DDB26D 86%);

 

HEX #DDB26D まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #DDB26D 13%, #DE6CAD 96%);

 

HEX #DDB26D まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #DDB26D 2%, #DE6CAD 90%);

 

HEX #DE6CAD まで HEX #6DDD9C


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 10%, #6DDD9C 86%);

 

HEX #DE6CAD まで HEX #6DDD9C


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 2%, #6DDD9C 99%);

 

HEX #6DDD9C まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #6DDD9C 12%, #DE6CAD 86%);

 

HEX #6DDD9C まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #6DDD9C 12%, #DE6CAD 91%);

 

HEX #DE6CAD まで HEX #6D98DD


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 12%, #6D98DD 93%);

 

HEX #DE6CAD まで HEX #6D98DD


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 14%, #6D98DD 88%);

 

HEX #6D98DD まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #6D98DD 0%, #DE6CAD 94%);

 

HEX #6D98DD まで HEX #DE6CAD


CSSコード:

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

リニア

HEX #DE6CAD まで HEX #DDD46D


CSSコード:

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

ラジアル

HEX #DE6CAD まで HEX #DDD46D


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 3%, #DDD46D 99%);

 

HEX #DDD46D まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #DDD46D 4%, #DE6CAD 100%);

 

HEX #DDD46D まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #DDD46D 13%, #DE6CAD 95%);

 

HEX #DE6CAD まで HEX #6DDD9C


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 14%, #6DDD9C 90%);

 

HEX #DE6CAD まで HEX #6DDD9C


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 3%, #6DDD9C 95%);

 

HEX #6DDD9C まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #6DDD9C 1%, #DE6CAD 91%);

 

HEX #6DDD9C まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #6DDD9C 10%, #DE6CAD 89%);

 

HEX #DE6CAD まで HEX #6D76DD


CSSコード:

background-image: linear-gradient(135deg, #DE6CAD 11%, #6D76DD 98%);

 

HEX #DE6CAD まで HEX #6D76DD


CSSコード:

background-image: radial-gradient(circle, #DE6CAD 7%, #6D76DD 88%);

 

HEX #6D76DD まで HEX #DE6CAD


CSSコード:

background-image: linear-gradient(135deg, #6D76DD 4%, #DE6CAD 87%);

 

HEX #6D76DD まで HEX #DE6CAD


CSSコード:

background-image: radial-gradient(circle, #6D76DD 7%, #DE6CAD 91%);

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

サービス内容

カラー

ラグビー に 呪咀

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