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

✕

CSS グラデーション:
#157AA2

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #157AA2 まで HEX #EA855D


CSSコード:

background-image: linear-gradient(135deg, #157AA2 13%, #EA855D 86%);

ラジアル

HEX #157AA2 まで HEX #EA855D


CSSコード:

background-image: radial-gradient(circle, #157AA2 11%, #EA855D 88%);

 

HEX #EA855D まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #EA855D 2%, #157AA2 91%);

 

HEX #EA855D まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #EA855D 3%, #157AA2 95%);

リニア

HEX #157AA2 まで HEX #15A0A2


CSSコード:

background-image: linear-gradient(135deg, #157AA2 10%, #15A0A2 89%);

ラジアル

HEX #157AA2 まで HEX #15A0A2


CSSコード:

background-image: radial-gradient(circle, #157AA2 8%, #15A0A2 86%);

 

HEX #15A0A2 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #15A0A2 9%, #157AA2 98%);

 

HEX #15A0A2 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #15A0A2 13%, #157AA2 98%);

 

HEX #157AA2 まで HEX #1554A2


CSSコード:

background-image: linear-gradient(135deg, #157AA2 2%, #1554A2 93%);

 

HEX #157AA2 まで HEX #1554A2


CSSコード:

background-image: radial-gradient(circle, #157AA2 13%, #1554A2 93%);

 

HEX #1554A2 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #1554A2 9%, #157AA2 89%);

 

HEX #1554A2 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #1554A2 14%, #157AA2 91%);

 

HEX #157AA2 まで HEX #152FA2


CSSコード:

background-image: linear-gradient(135deg, #157AA2 3%, #152FA2 95%);

 

HEX #157AA2 まで HEX #152FA2


CSSコード:

background-image: radial-gradient(circle, #157AA2 10%, #152FA2 91%);

 

HEX #152FA2 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #152FA2 7%, #157AA2 88%);

 

HEX #152FA2 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #152FA2 12%, #157AA2 100%);

リニア

HEX #157AA2 まで HEX #105E7D


CSSコード:

background-image: linear-gradient(135deg, #157AA2 4%, #105E7D 89%);

ラジアル

HEX #157AA2 まで HEX #105E7D


CSSコード:

background-image: radial-gradient(circle, #157AA2 14%, #105E7D 87%);

 

HEX #105E7D まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #105E7D 11%, #157AA2 90%);

 

HEX #105E7D まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #105E7D 14%, #157AA2 95%);

 

HEX #157AA2 まで HEX #1995C7


CSSコード:

background-image: linear-gradient(135deg, #157AA2 0%, #1995C7 89%);

 

HEX #157AA2 まで HEX #1995C7


CSSコード:

background-image: radial-gradient(circle, #157AA2 8%, #1995C7 92%);

 

HEX #1995C7 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #1995C7 8%, #157AA2 87%);

 

HEX #1995C7 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #1995C7 12%, #157AA2 93%);

 

HEX #157AA2 まで HEX #27ADE2


CSSコード:

background-image: linear-gradient(135deg, #157AA2 3%, #27ADE2 89%);

 

HEX #157AA2 まで HEX #27ADE2


CSSコード:

background-image: radial-gradient(circle, #157AA2 6%, #27ADE2 96%);

 

HEX #27ADE2 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #27ADE2 11%, #157AA2 87%);

 

HEX #27ADE2 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #27ADE2 7%, #157AA2 99%);

リニア

HEX #157AA2 まで HEX #15A0A2


CSSコード:

background-image: linear-gradient(135deg, #157AA2 2%, #15A0A2 87%);

ラジアル

HEX #157AA2 まで HEX #15A0A2


CSSコード:

background-image: radial-gradient(circle, #157AA2 4%, #15A0A2 92%);

 

HEX #15A0A2 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #15A0A2 7%, #157AA2 87%);

 

HEX #15A0A2 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #15A0A2 4%, #157AA2 98%);

 

HEX #157AA2 まで HEX #1554A2


CSSコード:

background-image: linear-gradient(135deg, #157AA2 6%, #1554A2 86%);

 

HEX #157AA2 まで HEX #1554A2


CSSコード:

background-image: radial-gradient(circle, #157AA2 0%, #1554A2 87%);

 

HEX #1554A2 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #1554A2 5%, #157AA2 95%);

 

HEX #1554A2 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #1554A2 10%, #157AA2 92%);

 

HEX #157AA2 まで HEX #152FA2


CSSコード:

background-image: linear-gradient(135deg, #157AA2 0%, #152FA2 91%);

 

HEX #157AA2 まで HEX #152FA2


CSSコード:

background-image: radial-gradient(circle, #157AA2 6%, #152FA2 87%);

 

HEX #152FA2 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #152FA2 2%, #157AA2 87%);

 

HEX #152FA2 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #152FA2 1%, #157AA2 94%);

リニア

HEX #157AA2 まで HEX #105E7D


CSSコード:

background-image: linear-gradient(135deg, #157AA2 0%, #105E7D 94%);

ラジアル

HEX #157AA2 まで HEX #105E7D


CSSコード:

background-image: radial-gradient(circle, #157AA2 11%, #105E7D 86%);

 

HEX #105E7D まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #105E7D 1%, #157AA2 91%);

 

HEX #105E7D まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #105E7D 7%, #157AA2 86%);

 

HEX #157AA2 まで HEX #1995C7


CSSコード:

background-image: linear-gradient(135deg, #157AA2 11%, #1995C7 93%);

 

HEX #157AA2 まで HEX #1995C7


CSSコード:

background-image: radial-gradient(circle, #157AA2 9%, #1995C7 94%);

 

HEX #1995C7 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #1995C7 7%, #157AA2 92%);

 

HEX #1995C7 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #1995C7 3%, #157AA2 96%);

 

HEX #157AA2 まで HEX #27ADE2


CSSコード:

background-image: linear-gradient(135deg, #157AA2 5%, #27ADE2 96%);

 

HEX #157AA2 まで HEX #27ADE2


CSSコード:

background-image: radial-gradient(circle, #157AA2 13%, #27ADE2 88%);

 

HEX #27ADE2 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #27ADE2 12%, #157AA2 87%);

 

HEX #27ADE2 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #27ADE2 3%, #157AA2 87%);

リニア

HEX #157AA2 まで HEX #5915A2


CSSコード:

background-image: linear-gradient(135deg, #157AA2 13%, #5915A2 90%);

ラジアル

HEX #157AA2 まで HEX #5915A2


CSSコード:

background-image: radial-gradient(circle, #157AA2 4%, #5915A2 91%);

 

HEX #5915A2 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #5915A2 2%, #157AA2 89%);

 

HEX #5915A2 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #5915A2 2%, #157AA2 86%);

 

HEX #157AA2 まで HEX #A29115


CSSコード:

background-image: linear-gradient(135deg, #157AA2 1%, #A29115 94%);

 

HEX #157AA2 まで HEX #A29115


CSSコード:

background-image: radial-gradient(circle, #157AA2 2%, #A29115 92%);

 

HEX #A29115 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #A29115 12%, #157AA2 90%);

 

HEX #A29115 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #A29115 13%, #157AA2 95%);

リニア

HEX #157AA2 まで HEX #A2157A


CSSコード:

background-image: linear-gradient(135deg, #157AA2 9%, #A2157A 91%);

ラジアル

HEX #157AA2 まで HEX #A2157A


CSSコード:

background-image: radial-gradient(circle, #157AA2 0%, #A2157A 92%);

 

HEX #A2157A まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #A2157A 13%, #157AA2 99%);

 

HEX #A2157A まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #A2157A 13%, #157AA2 98%);

 

HEX #157AA2 まで HEX #7AA215


CSSコード:

background-image: linear-gradient(135deg, #157AA2 1%, #7AA215 97%);

 

HEX #157AA2 まで HEX #7AA215


CSSコード:

background-image: radial-gradient(circle, #157AA2 5%, #7AA215 90%);

 

HEX #7AA215 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #7AA215 2%, #157AA2 88%);

 

HEX #7AA215 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #7AA215 8%, #157AA2 92%);

リニア

HEX #157AA2 まで HEX #5915A2


CSSコード:

background-image: linear-gradient(135deg, #157AA2 12%, #5915A2 88%);

ラジアル

HEX #157AA2 まで HEX #5915A2


CSSコード:

background-image: radial-gradient(circle, #157AA2 7%, #5915A2 99%);

 

HEX #5915A2 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #5915A2 11%, #157AA2 90%);

 

HEX #5915A2 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #5915A2 12%, #157AA2 92%);

 

HEX #157AA2 まで HEX #A23D15


CSSコード:

background-image: linear-gradient(135deg, #157AA2 13%, #A23D15 93%);

 

HEX #157AA2 まで HEX #A23D15


CSSコード:

background-image: radial-gradient(circle, #157AA2 3%, #A23D15 97%);

 

HEX #A23D15 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #A23D15 2%, #157AA2 86%);

 

HEX #A23D15 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #A23D15 11%, #157AA2 95%);

 

HEX #157AA2 まで HEX #5EA215


CSSコード:

background-image: linear-gradient(135deg, #157AA2 8%, #5EA215 94%);

 

HEX #157AA2 まで HEX #5EA215


CSSコード:

background-image: radial-gradient(circle, #157AA2 7%, #5EA215 97%);

 

HEX #5EA215 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #5EA215 0%, #157AA2 86%);

 

HEX #5EA215 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #5EA215 8%, #157AA2 96%);

リニア

HEX #157AA2 まで HEX #8315A2


CSSコード:

background-image: linear-gradient(135deg, #157AA2 10%, #8315A2 90%);

ラジアル

HEX #157AA2 まで HEX #8315A2


CSSコード:

background-image: radial-gradient(circle, #157AA2 1%, #8315A2 90%);

 

HEX #8315A2 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #8315A2 2%, #157AA2 95%);

 

HEX #8315A2 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #8315A2 4%, #157AA2 88%);

 

HEX #157AA2 まで HEX #A23D15


CSSコード:

background-image: linear-gradient(135deg, #157AA2 4%, #A23D15 89%);

 

HEX #157AA2 まで HEX #A23D15


CSSコード:

background-image: radial-gradient(circle, #157AA2 0%, #A23D15 87%);

 

HEX #A23D15 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #A23D15 13%, #157AA2 98%);

 

HEX #A23D15 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #A23D15 3%, #157AA2 86%);

 

HEX #157AA2 まで HEX #33A215


CSSコード:

background-image: linear-gradient(135deg, #157AA2 4%, #33A215 99%);

 

HEX #157AA2 まで HEX #33A215


CSSコード:

background-image: radial-gradient(circle, #157AA2 2%, #33A215 98%);

 

HEX #33A215 まで HEX #157AA2


CSSコード:

background-image: linear-gradient(135deg, #33A215 14%, #157AA2 88%);

 

HEX #33A215 まで HEX #157AA2


CSSコード:

background-image: radial-gradient(circle, #33A215 13%, #157AA2 99%);

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

サービス内容

カラー

ラグビー に 呪咀

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