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

CSS グラデーション:
RGB 102 113 106

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #66716A まで HEX #998E95


CSSコード:

background-image: linear-gradient(135deg, #66716A 9%, #998E95 96%);

ラジアル

HEX #66716A まで HEX #998E95


CSSコード:

background-image: radial-gradient(circle, #66716A 7%, #998E95 90%);

 

HEX #998E95 まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #998E95 5%, #66716A 91%);

 

HEX #998E95 まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #998E95 14%, #66716A 100%);

リニア

HEX #66716A まで HEX #7C8378


CSSコード:

background-image: linear-gradient(135deg, #66716A 6%, #7C8378 92%);

ラジアル

HEX #66716A まで HEX #7C8378


CSSコード:

background-image: radial-gradient(circle, #66716A 12%, #7C8378 92%);

 

HEX #7C8378 まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #7C8378 10%, #66716A 94%);

 

HEX #7C8378 まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #7C8378 8%, #66716A 94%);

 

HEX #66716A まで HEX #8D958B


CSSコード:

background-image: linear-gradient(135deg, #66716A 1%, #8D958B 88%);

 

HEX #66716A まで HEX #8D958B


CSSコード:

background-image: radial-gradient(circle, #66716A 12%, #8D958B 89%);

 

HEX #8D958B まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #8D958B 2%, #66716A 99%);

 

HEX #8D958B まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #8D958B 10%, #66716A 99%);

 

HEX #66716A まで HEX #9EA79E


CSSコード:

background-image: linear-gradient(135deg, #66716A 7%, #9EA79E 86%);

 

HEX #66716A まで HEX #9EA79E


CSSコード:

background-image: radial-gradient(circle, #66716A 2%, #9EA79E 100%);

 

HEX #9EA79E まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #9EA79E 1%, #66716A 100%);

 

HEX #9EA79E まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #9EA79E 12%, #66716A 87%);

 

HEX #66716A まで HEX #AFB9B1


CSSコード:

background-image: linear-gradient(135deg, #66716A 7%, #AFB9B1 89%);

 

HEX #66716A まで HEX #AFB9B1


CSSコード:

background-image: radial-gradient(circle, #66716A 11%, #AFB9B1 96%);

 

HEX #AFB9B1 まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #AFB9B1 6%, #66716A 92%);

 

HEX #AFB9B1 まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #AFB9B1 10%, #66716A 96%);

リニア

HEX #66716A まで HEX #555F57


CSSコード:

background-image: linear-gradient(135deg, #66716A 12%, #555F57 93%);

ラジアル

HEX #66716A まで HEX #555F57


CSSコード:

background-image: radial-gradient(circle, #66716A 13%, #555F57 99%);

 

HEX #555F57 まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #555F57 9%, #66716A 90%);

 

HEX #555F57 まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #555F57 6%, #66716A 93%);

 

HEX #66716A まで HEX #444D44


CSSコード:

background-image: linear-gradient(135deg, #66716A 5%, #444D44 88%);

 

HEX #66716A まで HEX #444D44


CSSコード:

background-image: radial-gradient(circle, #66716A 0%, #444D44 97%);

 

HEX #444D44 まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #444D44 5%, #66716A 92%);

 

HEX #444D44 まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #444D44 3%, #66716A 90%);

 

HEX #66716A まで HEX #333B31


CSSコード:

background-image: linear-gradient(135deg, #66716A 0%, #333B31 97%);

 

HEX #66716A まで HEX #333B31


CSSコード:

background-image: radial-gradient(circle, #66716A 2%, #333B31 98%);

 

HEX #333B31 まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #333B31 9%, #66716A 97%);

 

HEX #333B31 まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #333B31 4%, #66716A 96%);

 

HEX #66716A まで HEX #22291E


CSSコード:

background-image: linear-gradient(135deg, #66716A 5%, #22291E 87%);

 

HEX #66716A まで HEX #22291E


CSSコード:

background-image: radial-gradient(circle, #66716A 0%, #22291E 100%);

 

HEX #22291E まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #22291E 0%, #66716A 100%);

 

HEX #22291E まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #22291E 6%, #66716A 92%);

リニア

HEX #66716A まで HEX #65706B


CSSコード:

background-image: linear-gradient(135deg, #66716A 3%, #65706B 100%);

ラジアル

HEX #66716A まで HEX #65706B


CSSコード:

background-image: radial-gradient(circle, #66716A 10%, #65706B 88%);

 

HEX #65706B まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #65706B 1%, #66716A 86%);

 

HEX #65706B まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #65706B 12%, #66716A 93%);

 

HEX #66716A まで HEX #65706D


CSSコード:

background-image: linear-gradient(135deg, #66716A 0%, #65706D 93%);

 

HEX #66716A まで HEX #65706D


CSSコード:

background-image: radial-gradient(circle, #66716A 2%, #65706D 100%);

 

HEX #65706D まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #65706D 9%, #66716A 90%);

 

HEX #65706D まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #65706D 14%, #66716A 87%);

 

HEX #66716A まで HEX #65706E


CSSコード:

background-image: linear-gradient(135deg, #66716A 8%, #65706E 95%);

 

HEX #66716A まで HEX #65706E


CSSコード:

background-image: radial-gradient(circle, #66716A 2%, #65706E 97%);

 

HEX #65706E まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #65706E 14%, #66716A 87%);

 

HEX #65706E まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #65706E 12%, #66716A 97%);

 

HEX #66716A まで HEX #657070


CSSコード:

background-image: linear-gradient(135deg, #66716A 1%, #657070 95%);

 

HEX #66716A まで HEX #657070


CSSコード:

background-image: radial-gradient(circle, #66716A 10%, #657070 96%);

 

HEX #657070 まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #657070 5%, #66716A 93%);

 

HEX #657070 まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #657070 10%, #66716A 99%);

リニア

HEX #66716A まで HEX #94A49A


CSSコード:

background-image: linear-gradient(135deg, #66716A 5%, #94A49A 94%);

ラジアル

HEX #66716A まで HEX #94A49A


CSSコード:

background-image: radial-gradient(circle, #66716A 8%, #94A49A 87%);

 

HEX #94A49A まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #94A49A 6%, #66716A 100%);

 

HEX #94A49A まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #94A49A 12%, #66716A 86%);

 

HEX #66716A まで HEX #C2D7CA


CSSコード:

background-image: linear-gradient(135deg, #66716A 6%, #C2D7CA 90%);

 

HEX #66716A まで HEX #C2D7CA


CSSコード:

background-image: radial-gradient(circle, #66716A 2%, #C2D7CA 96%);

 

HEX #C2D7CA まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #C2D7CA 2%, #66716A 89%);

 

HEX #C2D7CA まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #C2D7CA 0%, #66716A 96%);

 

HEX #66716A まで HEX #0A0B0A


CSSコード:

background-image: linear-gradient(135deg, #66716A 3%, #0A0B0A 91%);

 

HEX #66716A まで HEX #0A0B0A


CSSコード:

background-image: radial-gradient(circle, #66716A 4%, #0A0B0A 94%);

 

HEX #0A0B0A まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #0A0B0A 14%, #66716A 97%);

 

HEX #0A0B0A まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #0A0B0A 2%, #66716A 100%);

 

HEX #66716A まで HEX #383E3A


CSSコード:

background-image: linear-gradient(135deg, #66716A 14%, #383E3A 89%);

 

HEX #66716A まで HEX #383E3A


CSSコード:

background-image: radial-gradient(circle, #66716A 14%, #383E3A 93%);

 

HEX #383E3A まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #383E3A 0%, #66716A 91%);

 

HEX #383E3A まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #383E3A 1%, #66716A 91%);

リニア

HEX #66716A まで HEX #656A70


CSSコード:

background-image: linear-gradient(135deg, #66716A 9%, #656A70 100%);

ラジアル

HEX #66716A まで HEX #656A70


CSSコード:

background-image: radial-gradient(circle, #66716A 5%, #656A70 97%);

 

HEX #656A70 まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #656A70 11%, #66716A 99%);

 

HEX #656A70 まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #656A70 10%, #66716A 88%);

 

HEX #66716A まで HEX #706566


CSSコード:

background-image: linear-gradient(135deg, #66716A 5%, #706566 89%);

 

HEX #66716A まで HEX #706566


CSSコード:

background-image: radial-gradient(circle, #66716A 4%, #706566 95%);

 

HEX #706566 まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #706566 10%, #66716A 100%);

 

HEX #706566 まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #706566 11%, #66716A 89%);

リニア

HEX #66716A まで HEX #696570


CSSコード:

background-image: linear-gradient(135deg, #66716A 0%, #696570 96%);

ラジアル

HEX #66716A まで HEX #696570


CSSコード:

background-image: radial-gradient(circle, #66716A 4%, #696570 93%);

 

HEX #696570 まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #696570 6%, #66716A 97%);

 

HEX #696570 まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #696570 7%, #66716A 89%);

 

HEX #66716A まで HEX #706965


CSSコード:

background-image: linear-gradient(135deg, #66716A 14%, #706965 91%);

 

HEX #66716A まで HEX #706965


CSSコード:

background-image: radial-gradient(circle, #66716A 1%, #706965 88%);

 

HEX #706965 まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #706965 13%, #66716A 87%);

 

HEX #706965 まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #706965 14%, #66716A 96%);

リニア

HEX #66716A まで HEX #656A70


CSSコード:

background-image: linear-gradient(135deg, #66716A 0%, #656A70 97%);

ラジアル

HEX #66716A まで HEX #656A70


CSSコード:

background-image: radial-gradient(circle, #66716A 7%, #656A70 98%);

 

HEX #656A70 まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #656A70 8%, #66716A 96%);

 

HEX #656A70 まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #656A70 6%, #66716A 95%);

 

HEX #66716A まで HEX #70656C


CSSコード:

background-image: linear-gradient(135deg, #66716A 2%, #70656C 98%);

 

HEX #66716A まで HEX #70656C


CSSコード:

background-image: radial-gradient(circle, #66716A 9%, #70656C 93%);

 

HEX #70656C まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #70656C 5%, #66716A 93%);

 

HEX #70656C まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #70656C 12%, #66716A 95%);

 

HEX #66716A まで HEX #706B65


CSSコード:

background-image: linear-gradient(135deg, #66716A 2%, #706B65 99%);

 

HEX #66716A まで HEX #706B65


CSSコード:

background-image: radial-gradient(circle, #66716A 12%, #706B65 99%);

 

HEX #706B65 まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #706B65 13%, #66716A 89%);

 

HEX #706B65 まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #706B65 2%, #66716A 95%);

リニア

HEX #66716A まで HEX #656770


CSSコード:

background-image: linear-gradient(135deg, #66716A 6%, #656770 97%);

ラジアル

HEX #66716A まで HEX #656770


CSSコード:

background-image: radial-gradient(circle, #66716A 14%, #656770 91%);

 

HEX #656770 まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #656770 6%, #66716A 98%);

 

HEX #656770 まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #656770 0%, #66716A 92%);

 

HEX #66716A まで HEX #70656C


CSSコード:

background-image: linear-gradient(135deg, #66716A 2%, #70656C 94%);

 

HEX #66716A まで HEX #70656C


CSSコード:

background-image: radial-gradient(circle, #66716A 14%, #70656C 87%);

 

HEX #70656C まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #70656C 11%, #66716A 92%);

 

HEX #70656C まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #70656C 8%, #66716A 91%);

 

HEX #66716A まで HEX #706E65


CSSコード:

background-image: linear-gradient(135deg, #66716A 0%, #706E65 86%);

 

HEX #66716A まで HEX #706E65


CSSコード:

background-image: radial-gradient(circle, #66716A 5%, #706E65 100%);

 

HEX #706E65 まで HEX #66716A


CSSコード:

background-image: linear-gradient(135deg, #706E65 5%, #66716A 99%);

 

HEX #706E65 まで HEX #66716A


CSSコード:

background-image: radial-gradient(circle, #706E65 6%, #66716A 94%);

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

サービス内容

カラー

ラグビー に 呪咀

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