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

✕
error rgb: 166.9_56.2_89

CSS グラデーション:
RGB 166.9 56.2 89

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #A63859 まで HEX #58C6A6


CSSコード:

background-image: linear-gradient(135deg, #A63859 12%, #58C6A6 96%);

ラジアル

HEX #A63859 まで HEX #58C6A6


CSSコード:

background-image: radial-gradient(circle, #A63859 7%, #58C6A6 89%);

 

HEX #58C6A6 まで HEX #A63859


CSSコード:

background-image: linear-gradient(135deg, #58C6A6 1%, #A63859 91%);

 

HEX #58C6A6 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #58C6A6 12%, #A63859 94%);

リニア

HEX #A63859 まで HEX #A83877


CSSコード:

background-image: linear-gradient(135deg, #A63859 6%, #A83877 96%);

ラジアル

HEX #A63859 まで HEX #A83877


CSSコード:

background-image: radial-gradient(circle, #A63859 10%, #A83877 95%);

 

HEX #A83877 まで HEX #A63859


CSSコード:

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

 

HEX #A83877 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #A83877 2%, #A63859 87%);

 

HEX #A63859 まで HEX #A83859


CSSコード:

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

 

HEX #A63859 まで HEX #A83859


CSSコード:

background-image: radial-gradient(circle, #A63859 6%, #A83859 98%);

 

HEX #A83859 まで HEX #A63859


CSSコード:

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

 

HEX #A83859 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #A83859 4%, #A63859 99%);

 

HEX #A63859 まで HEX #A8383B


CSSコード:

background-image: linear-gradient(135deg, #A63859 9%, #A8383B 86%);

 

HEX #A63859 まで HEX #A8383B


CSSコード:

background-image: radial-gradient(circle, #A63859 12%, #A8383B 99%);

 

HEX #A8383B まで HEX #A63859


CSSコード:

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

 

HEX #A8383B まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #A8383B 11%, #A63859 91%);

 

HEX #A63859 まで HEX #A85238


CSSコード:

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

 

HEX #A63859 まで HEX #A85238


CSSコード:

background-image: radial-gradient(circle, #A63859 5%, #A85238 91%);

 

HEX #A85238 まで HEX #A63859


CSSコード:

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

 

HEX #A85238 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #A85238 14%, #A63859 96%);

リニア

HEX #A63859 まで HEX #892D48


CSSコード:

background-image: linear-gradient(135deg, #A63859 12%, #892D48 98%);

ラジアル

HEX #A63859 まで HEX #892D48


CSSコード:

background-image: radial-gradient(circle, #A63859 7%, #892D48 95%);

 

HEX #892D48 まで HEX #A63859


CSSコード:

background-image: linear-gradient(135deg, #892D48 0%, #A63859 93%);

 

HEX #892D48 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #892D48 11%, #A63859 98%);

 

HEX #A63859 まで HEX #A83859


CSSコード:

background-image: linear-gradient(135deg, #A63859 11%, #A83859 91%);

 

HEX #A63859 まで HEX #A83859


CSSコード:

background-image: radial-gradient(circle, #A63859 1%, #A83859 86%);

 

HEX #A83859 まで HEX #A63859


CSSコード:

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

 

HEX #A83859 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #A83859 8%, #A63859 90%);

 

HEX #A63859 まで HEX #C1476B


CSSコード:

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

 

HEX #A63859 まで HEX #C1476B


CSSコード:

background-image: radial-gradient(circle, #A63859 12%, #C1476B 93%);

 

HEX #C1476B まで HEX #A63859


CSSコード:

background-image: linear-gradient(135deg, #C1476B 10%, #A63859 94%);

 

HEX #C1476B まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #C1476B 1%, #A63859 99%);

 

HEX #A63859 まで HEX #CC6684


CSSコード:

background-image: linear-gradient(135deg, #A63859 1%, #CC6684 92%);

 

HEX #A63859 まで HEX #CC6684


CSSコード:

background-image: radial-gradient(circle, #A63859 2%, #CC6684 90%);

 

HEX #CC6684 まで HEX #A63859


CSSコード:

background-image: linear-gradient(135deg, #CC6684 2%, #A63859 92%);

 

HEX #CC6684 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #CC6684 11%, #A63859 100%);

リニア

HEX #A63859 まで HEX #A83877


CSSコード:

background-image: linear-gradient(135deg, #A63859 7%, #A83877 99%);

ラジアル

HEX #A63859 まで HEX #A83877


CSSコード:

background-image: radial-gradient(circle, #A63859 2%, #A83877 98%);

 

HEX #A83877 まで HEX #A63859


CSSコード:

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

 

HEX #A83877 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #A83877 1%, #A63859 94%);

 

HEX #A63859 まで HEX #A83859


CSSコード:

background-image: linear-gradient(135deg, #A63859 0%, #A83859 100%);

 

HEX #A63859 まで HEX #A83859


CSSコード:

background-image: radial-gradient(circle, #A63859 5%, #A83859 95%);

 

HEX #A83859 まで HEX #A63859


CSSコード:

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

 

HEX #A83859 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #A83859 8%, #A63859 90%);

 

HEX #A63859 まで HEX #A8383B


CSSコード:

background-image: linear-gradient(135deg, #A63859 4%, #A8383B 94%);

 

HEX #A63859 まで HEX #A8383B


CSSコード:

background-image: radial-gradient(circle, #A63859 13%, #A8383B 95%);

 

HEX #A8383B まで HEX #A63859


CSSコード:

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

 

HEX #A8383B まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #A8383B 9%, #A63859 87%);

 

HEX #A63859 まで HEX #A85238


CSSコード:

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

 

HEX #A63859 まで HEX #A85238


CSSコード:

background-image: radial-gradient(circle, #A63859 11%, #A85238 88%);

 

HEX #A85238 まで HEX #A63859


CSSコード:

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

 

HEX #A85238 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #A85238 2%, #A63859 99%);

リニア

HEX #A63859 まで HEX #892D48


CSSコード:

background-image: linear-gradient(135deg, #A63859 1%, #892D48 94%);

ラジアル

HEX #A63859 まで HEX #892D48


CSSコード:

background-image: radial-gradient(circle, #A63859 13%, #892D48 95%);

 

HEX #892D48 まで HEX #A63859


CSSコード:

background-image: linear-gradient(135deg, #892D48 14%, #A63859 93%);

 

HEX #892D48 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #892D48 9%, #A63859 99%);

 

HEX #A63859 まで HEX #A83859


CSSコード:

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

 

HEX #A63859 まで HEX #A83859


CSSコード:

background-image: radial-gradient(circle, #A63859 9%, #A83859 95%);

 

HEX #A83859 まで HEX #A63859


CSSコード:

background-image: linear-gradient(135deg, #A83859 11%, #A63859 95%);

 

HEX #A83859 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #A83859 14%, #A63859 86%);

 

HEX #A63859 まで HEX #C1476B


CSSコード:

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

 

HEX #A63859 まで HEX #C1476B


CSSコード:

background-image: radial-gradient(circle, #A63859 6%, #C1476B 86%);

 

HEX #C1476B まで HEX #A63859


CSSコード:

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

 

HEX #C1476B まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #C1476B 2%, #A63859 92%);

 

HEX #A63859 まで HEX #CC6684


CSSコード:

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

 

HEX #A63859 まで HEX #CC6684


CSSコード:

background-image: radial-gradient(circle, #A63859 0%, #CC6684 88%);

 

HEX #CC6684 まで HEX #A63859


CSSコード:

background-image: linear-gradient(135deg, #CC6684 14%, #A63859 89%);

 

HEX #CC6684 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #CC6684 2%, #A63859 91%);

リニア

HEX #A63859 まで HEX #A89D38


CSSコード:

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

ラジアル

HEX #A63859 まで HEX #A89D38


CSSコード:

background-image: radial-gradient(circle, #A63859 2%, #A89D38 96%);

 

HEX #A89D38 まで HEX #A63859


CSSコード:

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

 

HEX #A89D38 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #A89D38 0%, #A63859 90%);

 

HEX #A63859 まで HEX #3886A8


CSSコード:

background-image: linear-gradient(135deg, #A63859 5%, #3886A8 91%);

 

HEX #A63859 まで HEX #3886A8


CSSコード:

background-image: radial-gradient(circle, #A63859 1%, #3886A8 91%);

 

HEX #3886A8 まで HEX #A63859


CSSコード:

background-image: linear-gradient(135deg, #3886A8 11%, #A63859 100%);

 

HEX #3886A8 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #3886A8 8%, #A63859 93%);

リニア

HEX #A63859 まで HEX #59A838


CSSコード:

background-image: linear-gradient(135deg, #A63859 7%, #59A838 98%);

ラジアル

HEX #A63859 まで HEX #59A838


CSSコード:

background-image: radial-gradient(circle, #A63859 7%, #59A838 89%);

 

HEX #59A838 まで HEX #A63859


CSSコード:

background-image: linear-gradient(135deg, #59A838 0%, #A63859 94%);

 

HEX #59A838 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #59A838 11%, #A63859 87%);

 

HEX #A63859 まで HEX #3859A8


CSSコード:

background-image: linear-gradient(135deg, #A63859 2%, #3859A8 100%);

 

HEX #A63859 まで HEX #3859A8


CSSコード:

background-image: radial-gradient(circle, #A63859 13%, #3859A8 100%);

 

HEX #3859A8 まで HEX #A63859


CSSコード:

background-image: linear-gradient(135deg, #3859A8 8%, #A63859 93%);

 

HEX #3859A8 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #3859A8 12%, #A63859 95%);

リニア

HEX #A63859 まで HEX #A89D38


CSSコード:

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

ラジアル

HEX #A63859 まで HEX #A89D38


CSSコード:

background-image: radial-gradient(circle, #A63859 7%, #A89D38 98%);

 

HEX #A89D38 まで HEX #A63859


CSSコード:

background-image: linear-gradient(135deg, #A89D38 7%, #A63859 99%);

 

HEX #A89D38 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #A89D38 3%, #A63859 95%);

 

HEX #A63859 まで HEX #38A886


CSSコード:

background-image: linear-gradient(135deg, #A63859 8%, #38A886 86%);

 

HEX #A63859 まで HEX #38A886


CSSコード:

background-image: radial-gradient(circle, #A63859 6%, #38A886 93%);

 

HEX #38A886 まで HEX #A63859


CSSコード:

background-image: linear-gradient(135deg, #38A886 7%, #A63859 89%);

 

HEX #38A886 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #38A886 9%, #A63859 90%);

 

HEX #A63859 まで HEX #3843A8


CSSコード:

background-image: linear-gradient(135deg, #A63859 7%, #3843A8 92%);

 

HEX #A63859 まで HEX #3843A8


CSSコード:

background-image: radial-gradient(circle, #A63859 9%, #3843A8 88%);

 

HEX #3843A8 まで HEX #A63859


CSSコード:

background-image: linear-gradient(135deg, #3843A8 0%, #A63859 99%);

 

HEX #3843A8 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #3843A8 7%, #A63859 86%);

リニア

HEX #A63859 まで HEX #91A838


CSSコード:

background-image: linear-gradient(135deg, #A63859 3%, #91A838 100%);

ラジアル

HEX #A63859 まで HEX #91A838


CSSコード:

background-image: radial-gradient(circle, #A63859 2%, #91A838 89%);

 

HEX #91A838 まで HEX #A63859


CSSコード:

background-image: linear-gradient(135deg, #91A838 7%, #A63859 90%);

 

HEX #91A838 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #91A838 11%, #A63859 98%);

 

HEX #A63859 まで HEX #38A886


CSSコード:

background-image: linear-gradient(135deg, #A63859 1%, #38A886 86%);

 

HEX #A63859 まで HEX #38A886


CSSコード:

background-image: radial-gradient(circle, #A63859 14%, #38A886 99%);

 

HEX #38A886 まで HEX #A63859


CSSコード:

background-image: linear-gradient(135deg, #38A886 0%, #A63859 89%);

 

HEX #38A886 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #38A886 4%, #A63859 97%);

 

HEX #A63859 まで HEX #4E38A8


CSSコード:

background-image: linear-gradient(135deg, #A63859 5%, #4E38A8 100%);

 

HEX #A63859 まで HEX #4E38A8


CSSコード:

background-image: radial-gradient(circle, #A63859 5%, #4E38A8 93%);

 

HEX #4E38A8 まで HEX #A63859


CSSコード:

background-image: linear-gradient(135deg, #4E38A8 2%, #A63859 95%);

 

HEX #4E38A8 まで HEX #A63859


CSSコード:

background-image: radial-gradient(circle, #4E38A8 8%, #A63859 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
Icons

カミーユ に 呪咀

から変換する CMYK シアン／マゼンタ／イエロー／キー まで #RRGGBB
Icons

カミーユ に ラグビー

から変換する CMYK シアン／マゼンタ／イエロー／キー まで RGB レッド・グリーン・ブルー
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 まで 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) まで 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) まで 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) まで 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) まで 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) まで 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)
nsc-logo

エヌシーエス® に シャーウィン・ウィリアムズ®

から変換する NCS番号(S0000-X00X) まで シャーウィン・ウィリアムズ® 番号 (SW 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