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

error rgb: 186.1_162_151

CSS グラデーション:
RGB 186.1 162 151

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

色値が他と比較して高いため、この色合いは私たちには明るく見える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #BAA297 まで HEX #445D68


CSSコード:

background-image: linear-gradient(135deg, #BAA297 1%, #445D68 93%);

ラジアル

HEX #BAA297 まで HEX #445D68


CSSコード:

background-image: radial-gradient(circle, #BAA297 14%, #445D68 96%);

 

HEX #445D68 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #445D68 12%, #BAA297 90%);

 

HEX #445D68 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #445D68 12%, #BAA297 87%);

リニア

HEX #BAA297 まで HEX #B99896


CSSコード:

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

ラジアル

HEX #BAA297 まで HEX #B99896


CSSコード:

background-image: radial-gradient(circle, #BAA297 4%, #B99896 96%);

 

HEX #B99896 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #B99896 7%, #BAA297 100%);

 

HEX #B99896 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #B99896 0%, #BAA297 99%);

 

HEX #BAA297 まで HEX #B9A196


CSSコード:

background-image: linear-gradient(135deg, #BAA297 7%, #B9A196 93%);

 

HEX #BAA297 まで HEX #B9A196


CSSコード:

background-image: radial-gradient(circle, #BAA297 13%, #B9A196 90%);

 

HEX #B9A196 まで HEX #BAA297


CSSコード:

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

 

HEX #B9A196 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #B9A196 12%, #BAA297 97%);

 

HEX #BAA297 まで HEX #B9AA96


CSSコード:

background-image: linear-gradient(135deg, #BAA297 5%, #B9AA96 92%);

 

HEX #BAA297 まで HEX #B9AA96


CSSコード:

background-image: radial-gradient(circle, #BAA297 11%, #B9AA96 86%);

 

HEX #B9AA96 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #B9AA96 3%, #BAA297 94%);

 

HEX #B9AA96 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #B9AA96 4%, #BAA297 89%);

 

HEX #BAA297 まで HEX #B9B396


CSSコード:

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

 

HEX #BAA297 まで HEX #B9B396


CSSコード:

background-image: radial-gradient(circle, #BAA297 10%, #B9B396 100%);

 

HEX #B9B396 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #B9B396 14%, #BAA297 98%);

 

HEX #B9B396 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #B9B396 9%, #BAA297 89%);

リニア

HEX #BAA297 まで HEX #A98B7E


CSSコード:

background-image: linear-gradient(135deg, #BAA297 3%, #A98B7E 99%);

ラジアル

HEX #BAA297 まで HEX #A98B7E


CSSコード:

background-image: radial-gradient(circle, #BAA297 0%, #A98B7E 96%);

 

HEX #A98B7E まで HEX #BAA297


CSSコード:

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

 

HEX #A98B7E まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #A98B7E 0%, #BAA297 88%);

 

HEX #BAA297 まで HEX #B9A196


CSSコード:

background-image: linear-gradient(135deg, #BAA297 10%, #B9A196 96%);

 

HEX #BAA297 まで HEX #B9A196


CSSコード:

background-image: radial-gradient(circle, #BAA297 3%, #B9A196 100%);

 

HEX #B9A196 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #B9A196 14%, #BAA297 88%);

 

HEX #B9A196 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #B9A196 12%, #BAA297 95%);

 

HEX #BAA297 まで HEX #CAB7AF


CSSコード:

background-image: linear-gradient(135deg, #BAA297 4%, #CAB7AF 89%);

 

HEX #BAA297 まで HEX #CAB7AF


CSSコード:

background-image: radial-gradient(circle, #BAA297 9%, #CAB7AF 89%);

 

HEX #CAB7AF まで HEX #BAA297


CSSコード:

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

 

HEX #CAB7AF まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #CAB7AF 4%, #BAA297 100%);

 

HEX #BAA297 まで HEX #DACEC8


CSSコード:

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

 

HEX #BAA297 まで HEX #DACEC8


CSSコード:

background-image: radial-gradient(circle, #BAA297 12%, #DACEC8 91%);

 

HEX #DACEC8 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #DACEC8 13%, #BAA297 88%);

 

HEX #DACEC8 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #DACEC8 0%, #BAA297 88%);

リニア

HEX #BAA297 まで HEX #B99896


CSSコード:

background-image: linear-gradient(135deg, #BAA297 4%, #B99896 100%);

ラジアル

HEX #BAA297 まで HEX #B99896


CSSコード:

background-image: radial-gradient(circle, #BAA297 14%, #B99896 94%);

 

HEX #B99896 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #B99896 9%, #BAA297 100%);

 

HEX #B99896 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #B99896 3%, #BAA297 97%);

 

HEX #BAA297 まで HEX #B9A196


CSSコード:

background-image: linear-gradient(135deg, #BAA297 7%, #B9A196 94%);

 

HEX #BAA297 まで HEX #B9A196


CSSコード:

background-image: radial-gradient(circle, #BAA297 8%, #B9A196 97%);

 

HEX #B9A196 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #B9A196 6%, #BAA297 92%);

 

HEX #B9A196 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #B9A196 4%, #BAA297 88%);

 

HEX #BAA297 まで HEX #B9AA96


CSSコード:

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

 

HEX #BAA297 まで HEX #B9AA96


CSSコード:

background-image: radial-gradient(circle, #BAA297 11%, #B9AA96 90%);

 

HEX #B9AA96 まで HEX #BAA297


CSSコード:

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

 

HEX #B9AA96 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #B9AA96 3%, #BAA297 97%);

 

HEX #BAA297 まで HEX #B9B396


CSSコード:

background-image: linear-gradient(135deg, #BAA297 3%, #B9B396 100%);

 

HEX #BAA297 まで HEX #B9B396


CSSコード:

background-image: radial-gradient(circle, #BAA297 8%, #B9B396 90%);

 

HEX #B9B396 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #B9B396 3%, #BAA297 94%);

 

HEX #B9B396 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #B9B396 3%, #BAA297 97%);

リニア

HEX #BAA297 まで HEX #A98B7E


CSSコード:

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

ラジアル

HEX #BAA297 まで HEX #A98B7E


CSSコード:

background-image: radial-gradient(circle, #BAA297 11%, #A98B7E 95%);

 

HEX #A98B7E まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #A98B7E 3%, #BAA297 99%);

 

HEX #A98B7E まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #A98B7E 12%, #BAA297 91%);

 

HEX #BAA297 まで HEX #B9A196


CSSコード:

background-image: linear-gradient(135deg, #BAA297 6%, #B9A196 99%);

 

HEX #BAA297 まで HEX #B9A196


CSSコード:

background-image: radial-gradient(circle, #BAA297 14%, #B9A196 93%);

 

HEX #B9A196 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #B9A196 5%, #BAA297 91%);

 

HEX #B9A196 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #B9A196 7%, #BAA297 88%);

 

HEX #BAA297 まで HEX #CAB7AF


CSSコード:

background-image: linear-gradient(135deg, #BAA297 7%, #CAB7AF 87%);

 

HEX #BAA297 まで HEX #CAB7AF


CSSコード:

background-image: radial-gradient(circle, #BAA297 3%, #CAB7AF 89%);

 

HEX #CAB7AF まで HEX #BAA297


CSSコード:

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

 

HEX #CAB7AF まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #CAB7AF 0%, #BAA297 89%);

 

HEX #BAA297 まで HEX #DACEC8


CSSコード:

background-image: linear-gradient(135deg, #BAA297 8%, #DACEC8 99%);

 

HEX #BAA297 まで HEX #DACEC8


CSSコード:

background-image: radial-gradient(circle, #BAA297 7%, #DACEC8 91%);

 

HEX #DACEC8 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #DACEC8 8%, #BAA297 87%);

 

HEX #DACEC8 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #DACEC8 14%, #BAA297 90%);

リニア

HEX #BAA297 まで HEX #A8B996


CSSコード:

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

ラジアル

HEX #BAA297 まで HEX #A8B996


CSSコード:

background-image: radial-gradient(circle, #BAA297 11%, #A8B996 95%);

 

HEX #A8B996 まで HEX #BAA297


CSSコード:

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

 

HEX #A8B996 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #A8B996 9%, #BAA297 95%);

 

HEX #BAA297 まで HEX #969AB9


CSSコード:

background-image: linear-gradient(135deg, #BAA297 2%, #969AB9 96%);

 

HEX #BAA297 まで HEX #969AB9


CSSコード:

background-image: radial-gradient(circle, #BAA297 6%, #969AB9 96%);

 

HEX #969AB9 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #969AB9 3%, #BAA297 89%);

 

HEX #969AB9 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #969AB9 13%, #BAA297 93%);

リニア

HEX #BAA297 まで HEX #96B9A1


CSSコード:

background-image: linear-gradient(135deg, #BAA297 3%, #96B9A1 88%);

ラジアル

HEX #BAA297 まで HEX #96B9A1


CSSコード:

background-image: radial-gradient(circle, #BAA297 12%, #96B9A1 96%);

 

HEX #96B9A1 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #96B9A1 5%, #BAA297 93%);

 

HEX #96B9A1 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #96B9A1 9%, #BAA297 91%);

 

HEX #BAA297 まで HEX #A196B9


CSSコード:

background-image: linear-gradient(135deg, #BAA297 11%, #A196B9 99%);

 

HEX #BAA297 まで HEX #A196B9


CSSコード:

background-image: radial-gradient(circle, #BAA297 5%, #A196B9 93%);

 

HEX #A196B9 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #A196B9 7%, #BAA297 88%);

 

HEX #A196B9 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #A196B9 7%, #BAA297 88%);

リニア

HEX #BAA297 まで HEX #A8B996


CSSコード:

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

ラジアル

HEX #BAA297 まで HEX #A8B996


CSSコード:

background-image: radial-gradient(circle, #BAA297 11%, #A8B996 98%);

 

HEX #A8B996 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #A8B996 3%, #BAA297 87%);

 

HEX #A8B996 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #A8B996 10%, #BAA297 98%);

 

HEX #BAA297 まで HEX #96AFB9


CSSコード:

background-image: linear-gradient(135deg, #BAA297 0%, #96AFB9 92%);

 

HEX #BAA297 まで HEX #96AFB9


CSSコード:

background-image: radial-gradient(circle, #BAA297 9%, #96AFB9 99%);

 

HEX #96AFB9 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #96AFB9 6%, #BAA297 95%);

 

HEX #96AFB9 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #96AFB9 6%, #BAA297 89%);

 

HEX #BAA297 まで HEX #A896B9


CSSコード:

background-image: linear-gradient(135deg, #BAA297 11%, #A896B9 86%);

 

HEX #BAA297 まで HEX #A896B9


CSSコード:

background-image: radial-gradient(circle, #BAA297 13%, #A896B9 98%);

 

HEX #A896B9 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #A896B9 5%, #BAA297 97%);

 

HEX #A896B9 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #A896B9 13%, #BAA297 88%);

リニア

HEX #BAA297 まで HEX #9DB996


CSSコード:

background-image: linear-gradient(135deg, #BAA297 1%, #9DB996 98%);

ラジアル

HEX #BAA297 まで HEX #9DB996


CSSコード:

background-image: radial-gradient(circle, #BAA297 9%, #9DB996 87%);

 

HEX #9DB996 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #9DB996 4%, #BAA297 90%);

 

HEX #9DB996 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #9DB996 10%, #BAA297 96%);

 

HEX #BAA297 まで HEX #96AFB9


CSSコード:

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

 

HEX #BAA297 まで HEX #96AFB9


CSSコード:

background-image: radial-gradient(circle, #BAA297 5%, #96AFB9 92%);

 

HEX #96AFB9 まで HEX #BAA297


CSSコード:

background-image: linear-gradient(135deg, #96AFB9 14%, #BAA297 86%);

 

HEX #96AFB9 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #96AFB9 8%, #BAA297 96%);

 

HEX #BAA297 まで HEX #B296B9


CSSコード:

background-image: linear-gradient(135deg, #BAA297 10%, #B296B9 96%);

 

HEX #BAA297 まで HEX #B296B9


CSSコード:

background-image: radial-gradient(circle, #BAA297 10%, #B296B9 93%);

 

HEX #B296B9 まで HEX #BAA297


CSSコード:

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

 

HEX #B296B9 まで HEX #BAA297


CSSコード:

background-image: radial-gradient(circle, #B296B9 13%, #BAA297 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.