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

✕

CSS グラデーション:
#DDDEFA

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #DDDEFA まで HEX #222105


CSSコード:

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

ラジアル

HEX #DDDEFA まで HEX #222105


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 10%, #222105 99%);

 

HEX #222105 まで HEX #DDDEFA


CSSコード:

background-image: linear-gradient(135deg, #222105 6%, #DDDEFA 91%);

 

HEX #222105 まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #222105 14%, #DDDEFA 89%);

リニア

HEX #DDDEFA まで HEX #F3F0FF


CSSコード:

background-image: linear-gradient(135deg, #DDDEFA 9%, #F3F0FF 97%);

ラジアル

HEX #DDDEFA まで HEX #F3F0FF


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 4%, #F3F0FF 98%);

 

HEX #F3F0FF まで HEX #DDDEFA


CSSコード:

background-image: linear-gradient(135deg, #F3F0FF 9%, #DDDEFA 92%);

 

HEX #F3F0FF まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #F3F0FF 13%, #DDDEFA 98%);

リニア

HEX #DDDEFA まで HEX #CCCCE7


CSSコード:

background-image: linear-gradient(135deg, #DDDEFA 9%, #CCCCE7 92%);

ラジアル

HEX #DDDEFA まで HEX #CCCCE7


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 6%, #CCCCE7 100%);

 

HEX #CCCCE7 まで HEX #DDDEFA


CSSコード:

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

 

HEX #CCCCE7 まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #CCCCE7 14%, #DDDEFA 99%);

 

HEX #DDDEFA まで HEX #BBBAD4


CSSコード:

background-image: linear-gradient(135deg, #DDDEFA 0%, #BBBAD4 90%);

 

HEX #DDDEFA まで HEX #BBBAD4


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 10%, #BBBAD4 88%);

 

HEX #BBBAD4 まで HEX #DDDEFA


CSSコード:

background-image: linear-gradient(135deg, #BBBAD4 0%, #DDDEFA 95%);

 

HEX #BBBAD4 まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #BBBAD4 4%, #DDDEFA 92%);

 

HEX #DDDEFA まで HEX #AAA8C1


CSSコード:

background-image: linear-gradient(135deg, #DDDEFA 2%, #AAA8C1 89%);

 

HEX #DDDEFA まで HEX #AAA8C1


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 1%, #AAA8C1 96%);

 

HEX #AAA8C1 まで HEX #DDDEFA


CSSコード:

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

 

HEX #AAA8C1 まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #AAA8C1 10%, #DDDEFA 92%);

 

HEX #DDDEFA まで HEX #9996AE


CSSコード:

background-image: linear-gradient(135deg, #DDDEFA 14%, #9996AE 86%);

 

HEX #DDDEFA まで HEX #9996AE


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 1%, #9996AE 89%);

 

HEX #9996AE まで HEX #DDDEFA


CSSコード:

background-image: linear-gradient(135deg, #9996AE 0%, #DDDEFA 99%);

 

HEX #9996AE まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #9996AE 6%, #DDDEFA 99%);

リニア

HEX #DDDEFA まで HEX #DFDBF9


CSSコード:

background-image: linear-gradient(135deg, #DDDEFA 12%, #DFDBF9 87%);

ラジアル

HEX #DDDEFA まで HEX #DFDBF9


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 14%, #DFDBF9 97%);

 

HEX #DFDBF9 まで HEX #DDDEFA


CSSコード:

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

 

HEX #DFDBF9 まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #DFDBF9 9%, #DDDEFA 97%);

 

HEX #DDDEFA まで HEX #E4DBF9


CSSコード:

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

 

HEX #DDDEFA まで HEX #E4DBF9


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 9%, #E4DBF9 93%);

 

HEX #E4DBF9 まで HEX #DDDEFA


CSSコード:

background-image: linear-gradient(135deg, #E4DBF9 14%, #DDDEFA 86%);

 

HEX #E4DBF9 まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #E4DBF9 6%, #DDDEFA 96%);

 

HEX #DDDEFA まで HEX #E9DBF9


CSSコード:

background-image: linear-gradient(135deg, #DDDEFA 9%, #E9DBF9 94%);

 

HEX #DDDEFA まで HEX #E9DBF9


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 4%, #E9DBF9 90%);

 

HEX #E9DBF9 まで HEX #DDDEFA


CSSコード:

background-image: linear-gradient(135deg, #E9DBF9 8%, #DDDEFA 100%);

 

HEX #E9DBF9 まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #E9DBF9 1%, #DDDEFA 92%);

 

HEX #DDDEFA まで HEX #EEDBF9


CSSコード:

background-image: linear-gradient(135deg, #DDDEFA 12%, #EEDBF9 96%);

 

HEX #DDDEFA まで HEX #EEDBF9


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 7%, #EEDBF9 96%);

 

HEX #EEDBF9 まで HEX #DDDEFA


CSSコード:

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

 

HEX #EEDBF9 まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #EEDBF9 14%, #DDDEFA 92%);

リニア

HEX #DDDEFA まで HEX #29292E


CSSコード:

background-image: linear-gradient(135deg, #DDDEFA 5%, #29292E 91%);

ラジアル

HEX #DDDEFA まで HEX #29292E


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 3%, #29292E 98%);

 

HEX #29292E まで HEX #DDDEFA


CSSコード:

background-image: linear-gradient(135deg, #29292E 14%, #DDDEFA 100%);

 

HEX #29292E まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #29292E 0%, #DDDEFA 91%);

 

HEX #DDDEFA まで HEX #565661


CSSコード:

background-image: linear-gradient(135deg, #DDDEFA 14%, #565661 95%);

 

HEX #DDDEFA まで HEX #565661


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 3%, #565661 95%);

 

HEX #565661 まで HEX #DDDEFA


CSSコード:

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

 

HEX #565661 まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #565661 1%, #DDDEFA 86%);

 

HEX #DDDEFA まで HEX #838394


CSSコード:

background-image: linear-gradient(135deg, #DDDEFA 9%, #838394 94%);

 

HEX #DDDEFA まで HEX #838394


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 12%, #838394 95%);

 

HEX #838394 まで HEX #DDDEFA


CSSコード:

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

 

HEX #838394 まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #838394 6%, #DDDEFA 97%);

 

HEX #DDDEFA まで HEX #B0B1C7


CSSコード:

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

 

HEX #DDDEFA まで HEX #B0B1C7


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 4%, #B0B1C7 86%);

 

HEX #B0B1C7 まで HEX #DDDEFA


CSSコード:

background-image: linear-gradient(135deg, #B0B1C7 14%, #DDDEFA 90%);

 

HEX #B0B1C7 まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #B0B1C7 7%, #DDDEFA 94%);

リニア

HEX #DDDEFA まで HEX #F9DBF5


CSSコード:

background-image: linear-gradient(135deg, #DDDEFA 11%, #F9DBF5 92%);

ラジアル

HEX #DDDEFA まで HEX #F9DBF5


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 3%, #F9DBF5 93%);

 

HEX #F9DBF5 まで HEX #DDDEFA


CSSコード:

background-image: linear-gradient(135deg, #F9DBF5 6%, #DDDEFA 86%);

 

HEX #F9DBF5 まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #F9DBF5 3%, #DDDEFA 96%);

 

HEX #DDDEFA まで HEX #E9F9DB


CSSコード:

background-image: linear-gradient(135deg, #DDDEFA 4%, #E9F9DB 90%);

 

HEX #DDDEFA まで HEX #E9F9DB


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 10%, #E9F9DB 93%);

 

HEX #E9F9DB まで HEX #DDDEFA


CSSコード:

background-image: linear-gradient(135deg, #E9F9DB 8%, #DDDEFA 93%);

 

HEX #E9F9DB まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #E9F9DB 8%, #DDDEFA 89%);

リニア

HEX #DDDEFA まで HEX #F9DBDD


CSSコード:

background-image: linear-gradient(135deg, #DDDEFA 13%, #F9DBDD 98%);

ラジアル

HEX #DDDEFA まで HEX #F9DBDD


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 0%, #F9DBDD 97%);

 

HEX #F9DBDD まで HEX #DDDEFA


CSSコード:

background-image: linear-gradient(135deg, #F9DBDD 2%, #DDDEFA 86%);

 

HEX #F9DBDD まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #F9DBDD 1%, #DDDEFA 97%);

 

HEX #DDDEFA まで HEX #DDF9DB


CSSコード:

background-image: linear-gradient(135deg, #DDDEFA 13%, #DDF9DB 88%);

 

HEX #DDDEFA まで HEX #DDF9DB


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 0%, #DDF9DB 100%);

 

HEX #DDF9DB まで HEX #DDDEFA


CSSコード:

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

 

HEX #DDF9DB まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #DDF9DB 1%, #DDDEFA 90%);

リニア

HEX #DDDEFA まで HEX #F9DBF5


CSSコード:

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

ラジアル

HEX #DDDEFA まで HEX #F9DBF5


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 8%, #F9DBF5 99%);

 

HEX #F9DBF5 まで HEX #DDDEFA


CSSコード:

background-image: linear-gradient(135deg, #F9DBF5 5%, #DDDEFA 88%);

 

HEX #F9DBF5 まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #F9DBF5 2%, #DDDEFA 90%);

 

HEX #DDDEFA まで HEX #F9F8DB


CSSコード:

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

 

HEX #DDDEFA まで HEX #F9F8DB


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 0%, #F9F8DB 95%);

 

HEX #F9F8DB まで HEX #DDDEFA


CSSコード:

background-image: linear-gradient(135deg, #F9F8DB 1%, #DDDEFA 97%);

 

HEX #F9F8DB まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #F9F8DB 0%, #DDDEFA 92%);

 

HEX #DDDEFA まで HEX #DBF9E0


CSSコード:

background-image: linear-gradient(135deg, #DDDEFA 12%, #DBF9E0 98%);

 

HEX #DDDEFA まで HEX #DBF9E0


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 11%, #DBF9E0 91%);

 

HEX #DBF9E0 まで HEX #DDDEFA


CSSコード:

background-image: linear-gradient(135deg, #DBF9E0 11%, #DDDEFA 100%);

 

HEX #DBF9E0 まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #DBF9E0 6%, #DDDEFA 99%);

リニア

HEX #DDDEFA まで HEX #F9DBEC


CSSコード:

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

ラジアル

HEX #DDDEFA まで HEX #F9DBEC


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 14%, #F9DBEC 90%);

 

HEX #F9DBEC まで HEX #DDDEFA


CSSコード:

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

 

HEX #F9DBEC まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #F9DBEC 0%, #DDDEFA 88%);

 

HEX #DDDEFA まで HEX #F9F8DB


CSSコード:

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

 

HEX #DDDEFA まで HEX #F9F8DB


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 6%, #F9F8DB 88%);

 

HEX #F9F8DB まで HEX #DDDEFA


CSSコード:

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

 

HEX #F9F8DB まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #F9F8DB 2%, #DDDEFA 93%);

 

HEX #DDDEFA まで HEX #DBF9E9


CSSコード:

background-image: linear-gradient(135deg, #DDDEFA 7%, #DBF9E9 93%);

 

HEX #DDDEFA まで HEX #DBF9E9


CSSコード:

background-image: radial-gradient(circle, #DDDEFA 0%, #DBF9E9 99%);

 

HEX #DBF9E9 まで HEX #DDDEFA


CSSコード:

background-image: linear-gradient(135deg, #DBF9E9 5%, #DDDEFA 96%);

 

HEX #DBF9E9 まで HEX #DDDEFA


CSSコード:

background-image: radial-gradient(circle, #DBF9E9 11%, #DDDEFA 97%);

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

サービス内容

カラー

ラグビー に 呪咀

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