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

error rgb: 164_144.8_7.4

CSS グラデーション:
RGB 164 144.8 7.4

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

この色では、黄色が他の色より際立っています。赤と緑の色相を表す値は、3番目の値よりも大きい。互いに近接し、青の色相の値を超えている。 色値が他と比べて低いため、私たちにはこの色合いが濃く見える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #A49007 まで HEX #5B6EF7


CSSコード:

background-image: linear-gradient(135deg, #A49007 10%, #5B6EF7 96%);

ラジアル

HEX #A49007 まで HEX #5B6EF7


CSSコード:

background-image: radial-gradient(circle, #A49007 12%, #5B6EF7 99%);

 

HEX #5B6EF7 まで HEX #A49007


CSSコード:

background-image: linear-gradient(135deg, #5B6EF7 8%, #A49007 100%);

 

HEX #5B6EF7 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #5B6EF7 10%, #A49007 97%);

リニア

HEX #A49007 まで HEX #A56607


CSSコード:

background-image: linear-gradient(135deg, #A49007 4%, #A56607 87%);

ラジアル

HEX #A49007 まで HEX #A56607


CSSコード:

background-image: radial-gradient(circle, #A49007 14%, #A56607 93%);

 

HEX #A56607 まで HEX #A49007


CSSコード:

background-image: linear-gradient(135deg, #A56607 12%, #A49007 86%);

 

HEX #A56607 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #A56607 10%, #A49007 90%);

 

HEX #A49007 まで HEX #A59007


CSSコード:

background-image: linear-gradient(135deg, #A49007 14%, #A59007 92%);

 

HEX #A49007 まで HEX #A59007


CSSコード:

background-image: radial-gradient(circle, #A49007 1%, #A59007 100%);

 

HEX #A59007 まで HEX #A49007


CSSコード:

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

 

HEX #A59007 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #A59007 13%, #A49007 97%);

 

HEX #A49007 まで HEX #90A507


CSSコード:

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

 

HEX #A49007 まで HEX #90A507


CSSコード:

background-image: radial-gradient(circle, #A49007 0%, #90A507 96%);

 

HEX #90A507 まで HEX #A49007


CSSコード:

background-image: linear-gradient(135deg, #90A507 13%, #A49007 86%);

 

HEX #90A507 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #90A507 13%, #A49007 95%);

 

HEX #A49007 まで HEX #66A507


CSSコード:

background-image: linear-gradient(135deg, #A49007 7%, #66A507 94%);

 

HEX #A49007 まで HEX #66A507


CSSコード:

background-image: radial-gradient(circle, #A49007 6%, #66A507 99%);

 

HEX #66A507 まで HEX #A49007


CSSコード:

background-image: linear-gradient(135deg, #66A507 11%, #A49007 88%);

 

HEX #66A507 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #66A507 2%, #A49007 87%);

リニア

HEX #A49007 まで HEX #7E6F05


CSSコード:

background-image: linear-gradient(135deg, #A49007 6%, #7E6F05 95%);

ラジアル

HEX #A49007 まで HEX #7E6F05


CSSコード:

background-image: radial-gradient(circle, #A49007 2%, #7E6F05 95%);

 

HEX #7E6F05 まで HEX #A49007


CSSコード:

background-image: linear-gradient(135deg, #7E6F05 12%, #A49007 98%);

 

HEX #7E6F05 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #7E6F05 6%, #A49007 96%);

 

HEX #A49007 まで HEX #A59207


CSSコード:

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

 

HEX #A49007 まで HEX #A59207


CSSコード:

background-image: radial-gradient(circle, #A49007 8%, #A59207 93%);

 

HEX #A59207 まで HEX #A49007


CSSコード:

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

 

HEX #A59207 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #A59207 12%, #A49007 89%);

 

HEX #A49007 まで HEX #CCB509


CSSコード:

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

 

HEX #A49007 まで HEX #CCB509


CSSコード:

background-image: radial-gradient(circle, #A49007 11%, #CCB509 96%);

 

HEX #CCB509 まで HEX #A49007


CSSコード:

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

 

HEX #CCB509 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #CCB509 2%, #A49007 100%);

 

HEX #A49007 まで HEX #F3D70C


CSSコード:

background-image: linear-gradient(135deg, #A49007 6%, #F3D70C 98%);

 

HEX #A49007 まで HEX #F3D70C


CSSコード:

background-image: radial-gradient(circle, #A49007 1%, #F3D70C 99%);

 

HEX #F3D70C まで HEX #A49007


CSSコード:

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

 

HEX #F3D70C まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #F3D70C 3%, #A49007 89%);

リニア

HEX #A49007 まで HEX #A56607


CSSコード:

background-image: linear-gradient(135deg, #A49007 1%, #A56607 95%);

ラジアル

HEX #A49007 まで HEX #A56607


CSSコード:

background-image: radial-gradient(circle, #A49007 6%, #A56607 88%);

 

HEX #A56607 まで HEX #A49007


CSSコード:

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

 

HEX #A56607 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #A56607 7%, #A49007 99%);

 

HEX #A49007 まで HEX #A59007


CSSコード:

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

 

HEX #A49007 まで HEX #A59007


CSSコード:

background-image: radial-gradient(circle, #A49007 0%, #A59007 100%);

 

HEX #A59007 まで HEX #A49007


CSSコード:

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

 

HEX #A59007 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #A59007 3%, #A49007 97%);

 

HEX #A49007 まで HEX #90A507


CSSコード:

background-image: linear-gradient(135deg, #A49007 1%, #90A507 97%);

 

HEX #A49007 まで HEX #90A507


CSSコード:

background-image: radial-gradient(circle, #A49007 1%, #90A507 96%);

 

HEX #90A507 まで HEX #A49007


CSSコード:

background-image: linear-gradient(135deg, #90A507 11%, #A49007 100%);

 

HEX #90A507 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #90A507 6%, #A49007 99%);

 

HEX #A49007 まで HEX #66A507


CSSコード:

background-image: linear-gradient(135deg, #A49007 13%, #66A507 92%);

 

HEX #A49007 まで HEX #66A507


CSSコード:

background-image: radial-gradient(circle, #A49007 12%, #66A507 90%);

 

HEX #66A507 まで HEX #A49007


CSSコード:

background-image: linear-gradient(135deg, #66A507 2%, #A49007 86%);

 

HEX #66A507 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #66A507 11%, #A49007 90%);

リニア

HEX #A49007 まで HEX #7E6F05


CSSコード:

background-image: linear-gradient(135deg, #A49007 6%, #7E6F05 95%);

ラジアル

HEX #A49007 まで HEX #7E6F05


CSSコード:

background-image: radial-gradient(circle, #A49007 5%, #7E6F05 94%);

 

HEX #7E6F05 まで HEX #A49007


CSSコード:

background-image: linear-gradient(135deg, #7E6F05 11%, #A49007 98%);

 

HEX #7E6F05 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #7E6F05 11%, #A49007 87%);

 

HEX #A49007 まで HEX #A59207


CSSコード:

background-image: linear-gradient(135deg, #A49007 14%, #A59207 97%);

 

HEX #A49007 まで HEX #A59207


CSSコード:

background-image: radial-gradient(circle, #A49007 11%, #A59207 96%);

 

HEX #A59207 まで HEX #A49007


CSSコード:

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

 

HEX #A59207 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #A59207 3%, #A49007 88%);

 

HEX #A49007 まで HEX #CCB509


CSSコード:

background-image: linear-gradient(135deg, #A49007 9%, #CCB509 99%);

 

HEX #A49007 まで HEX #CCB509


CSSコード:

background-image: radial-gradient(circle, #A49007 6%, #CCB509 100%);

 

HEX #CCB509 まで HEX #A49007


CSSコード:

background-image: linear-gradient(135deg, #CCB509 3%, #A49007 89%);

 

HEX #CCB509 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #CCB509 7%, #A49007 97%);

 

HEX #A49007 まで HEX #F3D70C


CSSコード:

background-image: linear-gradient(135deg, #A49007 5%, #F3D70C 95%);

 

HEX #A49007 まで HEX #F3D70C


CSSコード:

background-image: radial-gradient(circle, #A49007 14%, #F3D70C 90%);

 

HEX #F3D70C まで HEX #A49007


CSSコード:

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

 

HEX #F3D70C まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #F3D70C 6%, #A49007 90%);

リニア

HEX #A49007 まで HEX #07A512


CSSコード:

background-image: linear-gradient(135deg, #A49007 2%, #07A512 98%);

ラジアル

HEX #A49007 まで HEX #07A512


CSSコード:

background-image: radial-gradient(circle, #A49007 2%, #07A512 91%);

 

HEX #07A512 まで HEX #A49007


CSSコード:

background-image: linear-gradient(135deg, #07A512 13%, #A49007 86%);

 

HEX #07A512 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #07A512 0%, #A49007 88%);

 

HEX #A49007 まで HEX #5107A5


CSSコード:

background-image: linear-gradient(135deg, #A49007 14%, #5107A5 91%);

 

HEX #A49007 まで HEX #5107A5


CSSコード:

background-image: radial-gradient(circle, #A49007 14%, #5107A5 90%);

 

HEX #5107A5 まで HEX #A49007


CSSコード:

background-image: linear-gradient(135deg, #5107A5 12%, #A49007 90%);

 

HEX #5107A5 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #5107A5 9%, #A49007 93%);

リニア

HEX #A49007 まで HEX #07A590


CSSコード:

background-image: linear-gradient(135deg, #A49007 7%, #07A590 96%);

ラジアル

HEX #A49007 まで HEX #07A590


CSSコード:

background-image: radial-gradient(circle, #A49007 2%, #07A590 88%);

 

HEX #07A590 まで HEX #A49007


CSSコード:

background-image: linear-gradient(135deg, #07A590 14%, #A49007 92%);

 

HEX #07A590 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #07A590 5%, #A49007 90%);

 

HEX #A49007 まで HEX #9007A5


CSSコード:

background-image: linear-gradient(135deg, #A49007 4%, #9007A5 100%);

 

HEX #A49007 まで HEX #9007A5


CSSコード:

background-image: radial-gradient(circle, #A49007 9%, #9007A5 88%);

 

HEX #9007A5 まで HEX #A49007


CSSコード:

background-image: linear-gradient(135deg, #9007A5 1%, #A49007 87%);

 

HEX #9007A5 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #9007A5 3%, #A49007 92%);

リニア

HEX #A49007 まで HEX #07A512


CSSコード:

background-image: linear-gradient(135deg, #A49007 11%, #07A512 100%);

ラジアル

HEX #A49007 まで HEX #07A512


CSSコード:

background-image: radial-gradient(circle, #A49007 3%, #07A512 90%);

 

HEX #07A512 まで HEX #A49007


CSSコード:

background-image: linear-gradient(135deg, #07A512 14%, #A49007 97%);

 

HEX #07A512 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #07A512 7%, #A49007 88%);

 

HEX #A49007 まで HEX #071CA5


CSSコード:

background-image: linear-gradient(135deg, #A49007 14%, #071CA5 90%);

 

HEX #A49007 まで HEX #071CA5


CSSコード:

background-image: radial-gradient(circle, #A49007 4%, #071CA5 86%);

 

HEX #071CA5 まで HEX #A49007


CSSコード:

background-image: linear-gradient(135deg, #071CA5 12%, #A49007 97%);

 

HEX #071CA5 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #071CA5 10%, #A49007 88%);

 

HEX #A49007 まで HEX #A5079B


CSSコード:

background-image: linear-gradient(135deg, #A49007 3%, #A5079B 95%);

 

HEX #A49007 まで HEX #A5079B


CSSコード:

background-image: radial-gradient(circle, #A49007 11%, #A5079B 99%);

 

HEX #A5079B まで HEX #A49007


CSSコード:

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

 

HEX #A5079B まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #A5079B 4%, #A49007 86%);

リニア

HEX #A49007 まで HEX #07A541


CSSコード:

background-image: linear-gradient(135deg, #A49007 9%, #07A541 86%);

ラジアル

HEX #A49007 まで HEX #07A541


CSSコード:

background-image: radial-gradient(circle, #A49007 14%, #07A541 93%);

 

HEX #07A541 まで HEX #A49007


CSSコード:

background-image: linear-gradient(135deg, #07A541 10%, #A49007 92%);

 

HEX #07A541 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #07A541 2%, #A49007 97%);

 

HEX #A49007 まで HEX #071CA5


CSSコード:

background-image: linear-gradient(135deg, #A49007 4%, #071CA5 88%);

 

HEX #A49007 まで HEX #071CA5


CSSコード:

background-image: radial-gradient(circle, #A49007 8%, #071CA5 90%);

 

HEX #071CA5 まで HEX #A49007


CSSコード:

background-image: linear-gradient(135deg, #071CA5 8%, #A49007 89%);

 

HEX #071CA5 まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #071CA5 4%, #A49007 99%);

 

HEX #A49007 まで HEX #A5076B


CSSコード:

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

 

HEX #A49007 まで HEX #A5076B


CSSコード:

background-image: radial-gradient(circle, #A49007 8%, #A5076B 94%);

 

HEX #A5076B まで HEX #A49007


CSSコード:

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

 

HEX #A5076B まで HEX #A49007


CSSコード:

background-image: radial-gradient(circle, #A5076B 14%, #A49007 93%);

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

サービス内容

カラー

ラグビー に 呪咀

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

カミーユ に 呪咀

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

カミーユ に ラグビー

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RGB レッド・グリーン・ブルー

カミーユ に ラル®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RAL® 番号 (RAL 0000)

カミーユ に 豚足®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで HKS® 番号(HKS 00)

カミーユ に パントン®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで Pantone® 番号 (Pantone 0000)

カミーユ に シャーウィン・ウィリアムズ®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

カミーユ に エヌシーエス®

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

エヌシーエス® に ラグビー

から変換する NCS番号(S0000-X00X) まで RGB レッド・グリーン・ブルー

エヌシーエス® に カミーユ

から変換する NCS番号(S0000-X00X) まで CMYK シアン/マゼンタ/イエロー/キー

Icons

エヌシーエス® に 呪咀

から変換する NCS番号(S0000-X00X) まで #RRGGBB

エヌシーエス® に ラル®

から変換する NCS番号(S0000-X00X) まで RAL® 番号 (RAL 0000)

エヌシーエス® に 豚足®

から変換する NCS番号(S0000-X00X) まで HKS® 番号(HKS 00)

エヌシーエス® に パントン®

から変換する NCS番号(S0000-X00X) まで Pantone® 番号 (Pantone 0000)

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

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