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

CSS グラデーション:
CMYK 1 / 0 / 2 / 55

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

この色では、どの色も特に目立つことはありません。 色値が他と比べて低いため、私たちにはこの色合いが濃く見える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #727370 まで HEX #8D8C8F


CSSコード:

background-image: linear-gradient(135deg, #727370 7%, #8D8C8F 97%);

ラジアル

HEX #727370 まで HEX #8D8C8F


CSSコード:

background-image: radial-gradient(circle, #727370 0%, #8D8C8F 95%);

 

HEX #8D8C8F まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #8D8C8F 11%, #727370 95%);

 

HEX #8D8C8F まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #8D8C8F 11%, #727370 97%);

リニア

HEX #727370 まで HEX #88857E


CSSコード:

background-image: linear-gradient(135deg, #727370 11%, #88857E 89%);

ラジアル

HEX #727370 まで HEX #88857E


CSSコード:

background-image: radial-gradient(circle, #727370 14%, #88857E 92%);

 

HEX #88857E まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #88857E 4%, #727370 90%);

 

HEX #88857E まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #88857E 11%, #727370 95%);

 

HEX #727370 まで HEX #999791


CSSコード:

background-image: linear-gradient(135deg, #727370 4%, #999791 93%);

 

HEX #727370 まで HEX #999791


CSSコード:

background-image: radial-gradient(circle, #727370 12%, #999791 86%);

 

HEX #999791 まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #999791 9%, #727370 88%);

 

HEX #999791 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #999791 9%, #727370 90%);

 

HEX #727370 まで HEX #AAA9A4


CSSコード:

background-image: linear-gradient(135deg, #727370 2%, #AAA9A4 97%);

 

HEX #727370 まで HEX #AAA9A4


CSSコード:

background-image: radial-gradient(circle, #727370 8%, #AAA9A4 96%);

 

HEX #AAA9A4 まで HEX #727370


CSSコード:

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

 

HEX #AAA9A4 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #AAA9A4 10%, #727370 95%);

 

HEX #727370 まで HEX #BBBBB7


CSSコード:

background-image: linear-gradient(135deg, #727370 1%, #BBBBB7 89%);

 

HEX #727370 まで HEX #BBBBB7


CSSコード:

background-image: radial-gradient(circle, #727370 2%, #BBBBB7 86%);

 

HEX #BBBBB7 まで HEX #727370


CSSコード:

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

 

HEX #BBBBB7 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #BBBBB7 7%, #727370 89%);

リニア

HEX #727370 まで HEX #61615D


CSSコード:

background-image: linear-gradient(135deg, #727370 1%, #61615D 93%);

ラジアル

HEX #727370 まで HEX #61615D


CSSコード:

background-image: radial-gradient(circle, #727370 12%, #61615D 88%);

 

HEX #61615D まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #61615D 9%, #727370 99%);

 

HEX #61615D まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #61615D 11%, #727370 98%);

 

HEX #727370 まで HEX #504F4A


CSSコード:

background-image: linear-gradient(135deg, #727370 3%, #504F4A 94%);

 

HEX #727370 まで HEX #504F4A


CSSコード:

background-image: radial-gradient(circle, #727370 14%, #504F4A 98%);

 

HEX #504F4A まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #504F4A 11%, #727370 94%);

 

HEX #504F4A まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #504F4A 14%, #727370 89%);

 

HEX #727370 まで HEX #3F3D37


CSSコード:

background-image: linear-gradient(135deg, #727370 13%, #3F3D37 98%);

 

HEX #727370 まで HEX #3F3D37


CSSコード:

background-image: radial-gradient(circle, #727370 7%, #3F3D37 88%);

 

HEX #3F3D37 まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #3F3D37 4%, #727370 99%);

 

HEX #3F3D37 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #3F3D37 1%, #727370 93%);

 

HEX #727370 まで HEX #2E2B24


CSSコード:

background-image: linear-gradient(135deg, #727370 3%, #2E2B24 97%);

 

HEX #727370 まで HEX #2E2B24


CSSコード:

background-image: radial-gradient(circle, #727370 6%, #2E2B24 94%);

 

HEX #2E2B24 まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #2E2B24 9%, #727370 93%);

 

HEX #2E2B24 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #2E2B24 11%, #727370 88%);

リニア

HEX #727370 まで HEX #727371


CSSコード:

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

ラジアル

HEX #727370 まで HEX #727371


CSSコード:

background-image: radial-gradient(circle, #727370 4%, #727371 92%);

 

HEX #727371 まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #727371 14%, #727370 94%);

 

HEX #727371 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #727371 6%, #727370 87%);

 

HEX #727370 まで HEX #727371


CSSコード:

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

 

HEX #727370 まで HEX #727371


CSSコード:

background-image: radial-gradient(circle, #727370 9%, #727371 96%);

 

HEX #727371 まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #727371 4%, #727370 96%);

 

HEX #727371 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #727371 5%, #727370 94%);

 

HEX #727370 まで HEX #717371


CSSコード:

background-image: linear-gradient(135deg, #727370 11%, #717371 97%);

 

HEX #727370 まで HEX #717371


CSSコード:

background-image: radial-gradient(circle, #727370 0%, #717371 90%);

 

HEX #717371 まで HEX #727370


CSSコード:

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

 

HEX #717371 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #717371 2%, #727370 91%);

 

HEX #727370 まで HEX #717371


CSSコード:

background-image: linear-gradient(135deg, #727370 13%, #717371 93%);

 

HEX #727370 まで HEX #717371


CSSコード:

background-image: radial-gradient(circle, #727370 12%, #717371 97%);

 

HEX #717371 まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #717371 6%, #727370 94%);

 

HEX #717371 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #717371 6%, #727370 89%);

リニア

HEX #727370 まで HEX #A5A6A2


CSSコード:

background-image: linear-gradient(135deg, #727370 14%, #A5A6A2 94%);

ラジアル

HEX #727370 まで HEX #A5A6A2


CSSコード:

background-image: radial-gradient(circle, #727370 8%, #A5A6A2 90%);

 

HEX #A5A6A2 まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #A5A6A2 13%, #727370 97%);

 

HEX #A5A6A2 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #A5A6A2 5%, #727370 95%);

 

HEX #727370 まで HEX #D7D9D3


CSSコード:

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

 

HEX #727370 まで HEX #D7D9D3


CSSコード:

background-image: radial-gradient(circle, #727370 10%, #D7D9D3 95%);

 

HEX #D7D9D3 まで HEX #727370


CSSコード:

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

 

HEX #D7D9D3 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #D7D9D3 10%, #727370 92%);

 

HEX #727370 まで HEX #0D0D0D


CSSコード:

background-image: linear-gradient(135deg, #727370 10%, #0D0D0D 91%);

 

HEX #727370 まで HEX #0D0D0D


CSSコード:

background-image: radial-gradient(circle, #727370 1%, #0D0D0D 88%);

 

HEX #0D0D0D まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #0D0D0D 1%, #727370 86%);

 

HEX #0D0D0D まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #0D0D0D 13%, #727370 99%);

 

HEX #727370 まで HEX #3F403E


CSSコード:

background-image: linear-gradient(135deg, #727370 14%, #3F403E 92%);

 

HEX #727370 まで HEX #3F403E


CSSコード:

background-image: radial-gradient(circle, #727370 13%, #3F403E 98%);

 

HEX #3F403E まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #3F403E 11%, #727370 99%);

 

HEX #3F403E まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #3F403E 10%, #727370 88%);

リニア

HEX #727370 まで HEX #717372


CSSコード:

background-image: linear-gradient(135deg, #727370 2%, #717372 94%);

ラジアル

HEX #727370 まで HEX #717372


CSSコード:

background-image: radial-gradient(circle, #727370 8%, #717372 94%);

 

HEX #717372 まで HEX #727370


CSSコード:

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

 

HEX #717372 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #717372 4%, #727370 86%);

 

HEX #727370 まで HEX #737173


CSSコード:

background-image: linear-gradient(135deg, #727370 6%, #737173 94%);

 

HEX #727370 まで HEX #737173


CSSコード:

background-image: radial-gradient(circle, #727370 0%, #737173 87%);

 

HEX #737173 まで HEX #727370


CSSコード:

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

 

HEX #737173 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #737173 6%, #727370 94%);

リニア

HEX #727370 まで HEX #717373


CSSコード:

background-image: linear-gradient(135deg, #727370 11%, #717373 96%);

ラジアル

HEX #727370 まで HEX #717373


CSSコード:

background-image: radial-gradient(circle, #727370 14%, #717373 94%);

 

HEX #717373 まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #717373 14%, #727370 94%);

 

HEX #717373 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #717373 13%, #727370 97%);

 

HEX #727370 まで HEX #737173


CSSコード:

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

 

HEX #727370 まで HEX #737173


CSSコード:

background-image: radial-gradient(circle, #727370 9%, #737173 99%);

 

HEX #737173 まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #737173 10%, #727370 91%);

 

HEX #737173 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #737173 4%, #727370 100%);

リニア

HEX #727370 まで HEX #717372


CSSコード:

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

ラジアル

HEX #727370 まで HEX #717372


CSSコード:

background-image: radial-gradient(circle, #727370 7%, #717372 96%);

 

HEX #717372 まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #717372 0%, #727370 97%);

 

HEX #717372 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #717372 9%, #727370 92%);

 

HEX #727370 まで HEX #727173


CSSコード:

background-image: linear-gradient(135deg, #727370 1%, #727173 94%);

 

HEX #727370 まで HEX #727173


CSSコード:

background-image: radial-gradient(circle, #727370 10%, #727173 91%);

 

HEX #727173 まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #727173 11%, #727370 90%);

 

HEX #727173 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #727173 11%, #727370 99%);

 

HEX #727370 まで HEX #737172


CSSコード:

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

 

HEX #727370 まで HEX #737172


CSSコード:

background-image: radial-gradient(circle, #727370 12%, #737172 93%);

 

HEX #737172 まで HEX #727370


CSSコード:

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

 

HEX #737172 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #737172 11%, #727370 99%);

リニア

HEX #727370 まで HEX #717373


CSSコード:

background-image: linear-gradient(135deg, #727370 11%, #717373 94%);

ラジアル

HEX #727370 まで HEX #717373


CSSコード:

background-image: radial-gradient(circle, #727370 2%, #717373 95%);

 

HEX #717373 まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #717373 10%, #727370 90%);

 

HEX #717373 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #717373 13%, #727370 87%);

 

HEX #727370 まで HEX #727173


CSSコード:

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

 

HEX #727370 まで HEX #727173


CSSコード:

background-image: radial-gradient(circle, #727370 8%, #727173 100%);

 

HEX #727173 まで HEX #727370


CSSコード:

background-image: linear-gradient(135deg, #727173 13%, #727370 94%);

 

HEX #727173 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #727173 0%, #727370 94%);

 

HEX #727370 まで HEX #737171


CSSコード:

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

 

HEX #727370 まで HEX #737171


CSSコード:

background-image: radial-gradient(circle, #727370 10%, #737171 95%);

 

HEX #737171 まで HEX #727370


CSSコード:

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

 

HEX #737171 まで HEX #727370


CSSコード:

background-image: radial-gradient(circle, #737171 10%, #727370 87%);

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

サービス内容

カラー

ラグビー に 呪咀

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

カミーユ に 呪咀

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

カミーユ に ラグビー

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

カミーユ に ラグバ

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RGBA 赤 緑 青 透過率

カミーユ に ラル®

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

カミーユ に 豚足®

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

カミーユ に パントン®

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

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

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

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

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

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

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

エヌシーエス® に ラグバ

から変換する NCS番号(S0000-X00X) まで RGBA 赤 緑 青 透過率

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

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

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.