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

error rgb: 220.9_182.2_144

CSS グラデーション:
RGB 220.9 182.2 144

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #DCB690 まで HEX #22486F


CSSコード:

background-image: linear-gradient(135deg, #DCB690 14%, #22486F 88%);

ラジアル

HEX #DCB690 まで HEX #22486F


CSSコード:

background-image: radial-gradient(circle, #DCB690 7%, #22486F 100%);

 

HEX #22486F まで HEX #DCB690


CSSコード:

background-image: linear-gradient(135deg, #22486F 0%, #DCB690 100%);

 

HEX #22486F まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #22486F 0%, #DCB690 100%);

リニア

HEX #DCB690 まで HEX #DDA291


CSSコード:

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

ラジアル

HEX #DCB690 まで HEX #DDA291


CSSコード:

background-image: radial-gradient(circle, #DCB690 5%, #DDA291 100%);

 

HEX #DDA291 まで HEX #DCB690


CSSコード:

background-image: linear-gradient(135deg, #DDA291 11%, #DCB690 93%);

 

HEX #DDA291 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #DDA291 13%, #DCB690 93%);

 

HEX #DCB690 まで HEX #DDB691


CSSコード:

background-image: linear-gradient(135deg, #DCB690 2%, #DDB691 90%);

 

HEX #DCB690 まで HEX #DDB691


CSSコード:

background-image: radial-gradient(circle, #DCB690 10%, #DDB691 96%);

 

HEX #DDB691 まで HEX #DCB690


CSSコード:

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

 

HEX #DDB691 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #DDB691 4%, #DCB690 100%);

 

HEX #DCB690 まで HEX #DDCA91


CSSコード:

background-image: linear-gradient(135deg, #DCB690 10%, #DDCA91 86%);

 

HEX #DCB690 まで HEX #DDCA91


CSSコード:

background-image: radial-gradient(circle, #DCB690 8%, #DDCA91 95%);

 

HEX #DDCA91 まで HEX #DCB690


CSSコード:

background-image: linear-gradient(135deg, #DDCA91 4%, #DCB690 97%);

 

HEX #DDCA91 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #DDCA91 10%, #DCB690 88%);

 

HEX #DCB690 まで HEX #DCDD91


CSSコード:

background-image: linear-gradient(135deg, #DCB690 2%, #DCDD91 88%);

 

HEX #DCB690 まで HEX #DCDD91


CSSコード:

background-image: radial-gradient(circle, #DCB690 3%, #DCDD91 95%);

 

HEX #DCDD91 まで HEX #DCB690


CSSコード:

background-image: linear-gradient(135deg, #DCDD91 9%, #DCB690 90%);

 

HEX #DCDD91 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #DCDD91 8%, #DCB690 93%);

リニア

HEX #DCB690 まで HEX #D3A272


CSSコード:

background-image: linear-gradient(135deg, #DCB690 0%, #D3A272 92%);

ラジアル

HEX #DCB690 まで HEX #D3A272


CSSコード:

background-image: radial-gradient(circle, #DCB690 2%, #D3A272 93%);

 

HEX #D3A272 まで HEX #DCB690


CSSコード:

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

 

HEX #D3A272 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #D3A272 2%, #DCB690 100%);

 

HEX #DCB690 まで HEX #DDB791


CSSコード:

background-image: linear-gradient(135deg, #DCB690 2%, #DDB791 99%);

 

HEX #DCB690 まで HEX #DDB791


CSSコード:

background-image: radial-gradient(circle, #DCB690 7%, #DDB791 98%);

 

HEX #DDB791 まで HEX #DCB690


CSSコード:

background-image: linear-gradient(135deg, #DDB791 5%, #DCB690 98%);

 

HEX #DDB791 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #DDB791 12%, #DCB690 95%);

 

HEX #DCB690 まで HEX #E7CCB1


CSSコード:

background-image: linear-gradient(135deg, #DCB690 4%, #E7CCB1 92%);

 

HEX #DCB690 まで HEX #E7CCB1


CSSコード:

background-image: radial-gradient(circle, #DCB690 14%, #E7CCB1 90%);

 

HEX #E7CCB1 まで HEX #DCB690


CSSコード:

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

 

HEX #E7CCB1 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #E7CCB1 4%, #DCB690 94%);

 

HEX #DCB690 まで HEX #F0E0D0


CSSコード:

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

 

HEX #DCB690 まで HEX #F0E0D0


CSSコード:

background-image: radial-gradient(circle, #DCB690 4%, #F0E0D0 96%);

 

HEX #F0E0D0 まで HEX #DCB690


CSSコード:

background-image: linear-gradient(135deg, #F0E0D0 1%, #DCB690 99%);

 

HEX #F0E0D0 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #F0E0D0 14%, #DCB690 88%);

リニア

HEX #DCB690 まで HEX #DDA291


CSSコード:

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

ラジアル

HEX #DCB690 まで HEX #DDA291


CSSコード:

background-image: radial-gradient(circle, #DCB690 0%, #DDA291 92%);

 

HEX #DDA291 まで HEX #DCB690


CSSコード:

background-image: linear-gradient(135deg, #DDA291 12%, #DCB690 88%);

 

HEX #DDA291 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #DDA291 5%, #DCB690 90%);

 

HEX #DCB690 まで HEX #DDB691


CSSコード:

background-image: linear-gradient(135deg, #DCB690 0%, #DDB691 88%);

 

HEX #DCB690 まで HEX #DDB691


CSSコード:

background-image: radial-gradient(circle, #DCB690 8%, #DDB691 89%);

 

HEX #DDB691 まで HEX #DCB690


CSSコード:

background-image: linear-gradient(135deg, #DDB691 2%, #DCB690 93%);

 

HEX #DDB691 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #DDB691 11%, #DCB690 91%);

 

HEX #DCB690 まで HEX #DDCA91


CSSコード:

background-image: linear-gradient(135deg, #DCB690 10%, #DDCA91 98%);

 

HEX #DCB690 まで HEX #DDCA91


CSSコード:

background-image: radial-gradient(circle, #DCB690 9%, #DDCA91 96%);

 

HEX #DDCA91 まで HEX #DCB690


CSSコード:

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

 

HEX #DDCA91 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #DDCA91 2%, #DCB690 96%);

 

HEX #DCB690 まで HEX #DCDD91


CSSコード:

background-image: linear-gradient(135deg, #DCB690 2%, #DCDD91 87%);

 

HEX #DCB690 まで HEX #DCDD91


CSSコード:

background-image: radial-gradient(circle, #DCB690 4%, #DCDD91 92%);

 

HEX #DCDD91 まで HEX #DCB690


CSSコード:

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

 

HEX #DCDD91 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #DCDD91 11%, #DCB690 94%);

リニア

HEX #DCB690 まで HEX #D3A272


CSSコード:

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

ラジアル

HEX #DCB690 まで HEX #D3A272


CSSコード:

background-image: radial-gradient(circle, #DCB690 9%, #D3A272 93%);

 

HEX #D3A272 まで HEX #DCB690


CSSコード:

background-image: linear-gradient(135deg, #D3A272 5%, #DCB690 87%);

 

HEX #D3A272 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #D3A272 4%, #DCB690 95%);

 

HEX #DCB690 まで HEX #DDB791


CSSコード:

background-image: linear-gradient(135deg, #DCB690 5%, #DDB791 89%);

 

HEX #DCB690 まで HEX #DDB791


CSSコード:

background-image: radial-gradient(circle, #DCB690 6%, #DDB791 92%);

 

HEX #DDB791 まで HEX #DCB690


CSSコード:

background-image: linear-gradient(135deg, #DDB791 3%, #DCB690 91%);

 

HEX #DDB791 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #DDB791 1%, #DCB690 91%);

 

HEX #DCB690 まで HEX #E7CCB1


CSSコード:

background-image: linear-gradient(135deg, #DCB690 7%, #E7CCB1 92%);

 

HEX #DCB690 まで HEX #E7CCB1


CSSコード:

background-image: radial-gradient(circle, #DCB690 12%, #E7CCB1 98%);

 

HEX #E7CCB1 まで HEX #DCB690


CSSコード:

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

 

HEX #E7CCB1 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #E7CCB1 11%, #DCB690 86%);

 

HEX #DCB690 まで HEX #F0E0D0


CSSコード:

background-image: linear-gradient(135deg, #DCB690 5%, #F0E0D0 99%);

 

HEX #DCB690 まで HEX #F0E0D0


CSSコード:

background-image: radial-gradient(circle, #DCB690 13%, #F0E0D0 98%);

 

HEX #F0E0D0 まで HEX #DCB690


CSSコード:

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

 

HEX #F0E0D0 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #F0E0D0 13%, #DCB690 91%);

リニア

HEX #DCB690 まで HEX #A9DD91


CSSコード:

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

ラジアル

HEX #DCB690 まで HEX #A9DD91


CSSコード:

background-image: radial-gradient(circle, #DCB690 9%, #A9DD91 89%);

 

HEX #A9DD91 まで HEX #DCB690


CSSコード:

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

 

HEX #A9DD91 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #A9DD91 10%, #DCB690 97%);

 

HEX #DCB690 まで HEX #9891DD


CSSコード:

background-image: linear-gradient(135deg, #DCB690 5%, #9891DD 93%);

 

HEX #DCB690 まで HEX #9891DD


CSSコード:

background-image: radial-gradient(circle, #DCB690 12%, #9891DD 90%);

 

HEX #9891DD まで HEX #DCB690


CSSコード:

background-image: linear-gradient(135deg, #9891DD 6%, #DCB690 98%);

 

HEX #9891DD まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #9891DD 1%, #DCB690 95%);

リニア

HEX #DCB690 まで HEX #91DDB6


CSSコード:

background-image: linear-gradient(135deg, #DCB690 5%, #91DDB6 96%);

ラジアル

HEX #DCB690 まで HEX #91DDB6


CSSコード:

background-image: radial-gradient(circle, #DCB690 7%, #91DDB6 93%);

 

HEX #91DDB6 まで HEX #DCB690


CSSコード:

background-image: linear-gradient(135deg, #91DDB6 9%, #DCB690 99%);

 

HEX #91DDB6 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #91DDB6 4%, #DCB690 98%);

 

HEX #DCB690 まで HEX #B691DD


CSSコード:

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

 

HEX #DCB690 まで HEX #B691DD


CSSコード:

background-image: radial-gradient(circle, #DCB690 5%, #B691DD 97%);

 

HEX #B691DD まで HEX #DCB690


CSSコード:

background-image: linear-gradient(135deg, #B691DD 4%, #DCB690 98%);

 

HEX #B691DD まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #B691DD 2%, #DCB690 95%);

リニア

HEX #DCB690 まで HEX #A9DD91


CSSコード:

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

ラジアル

HEX #DCB690 まで HEX #A9DD91


CSSコード:

background-image: radial-gradient(circle, #DCB690 2%, #A9DD91 95%);

 

HEX #A9DD91 まで HEX #DCB690


CSSコード:

background-image: linear-gradient(135deg, #A9DD91 3%, #DCB690 93%);

 

HEX #A9DD91 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #A9DD91 0%, #DCB690 94%);

 

HEX #DCB690 まで HEX #91B8DD


CSSコード:

background-image: linear-gradient(135deg, #DCB690 2%, #91B8DD 90%);

 

HEX #DCB690 まで HEX #91B8DD


CSSコード:

background-image: radial-gradient(circle, #DCB690 8%, #91B8DD 88%);

 

HEX #91B8DD まで HEX #DCB690


CSSコード:

background-image: linear-gradient(135deg, #91B8DD 10%, #DCB690 100%);

 

HEX #91B8DD まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #91B8DD 5%, #DCB690 95%);

 

HEX #DCB690 まで HEX #C591DD


CSSコード:

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

 

HEX #DCB690 まで HEX #C591DD


CSSコード:

background-image: radial-gradient(circle, #DCB690 12%, #C591DD 99%);

 

HEX #C591DD まで HEX #DCB690


CSSコード:

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

 

HEX #C591DD まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #C591DD 3%, #DCB690 100%);

リニア

HEX #DCB690 まで HEX #93DD91


CSSコード:

background-image: linear-gradient(135deg, #DCB690 4%, #93DD91 97%);

ラジアル

HEX #DCB690 まで HEX #93DD91


CSSコード:

background-image: radial-gradient(circle, #DCB690 13%, #93DD91 91%);

 

HEX #93DD91 まで HEX #DCB690


CSSコード:

background-image: linear-gradient(135deg, #93DD91 5%, #DCB690 89%);

 

HEX #93DD91 まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #93DD91 7%, #DCB690 96%);

 

HEX #DCB690 まで HEX #91B8DD


CSSコード:

background-image: linear-gradient(135deg, #DCB690 8%, #91B8DD 91%);

 

HEX #DCB690 まで HEX #91B8DD


CSSコード:

background-image: radial-gradient(circle, #DCB690 4%, #91B8DD 93%);

 

HEX #91B8DD まで HEX #DCB690


CSSコード:

background-image: linear-gradient(135deg, #91B8DD 11%, #DCB690 96%);

 

HEX #91B8DD まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #91B8DD 10%, #DCB690 88%);

 

HEX #DCB690 まで HEX #DC91DD


CSSコード:

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

 

HEX #DCB690 まで HEX #DC91DD


CSSコード:

background-image: radial-gradient(circle, #DCB690 2%, #DC91DD 93%);

 

HEX #DC91DD まで HEX #DCB690


CSSコード:

background-image: linear-gradient(135deg, #DC91DD 3%, #DCB690 97%);

 

HEX #DC91DD まで HEX #DCB690


CSSコード:

background-image: radial-gradient(circle, #DC91DD 11%, #DCB690 90%);

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

サービス内容

カラー

ラグビー に 呪咀

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

コード

カラーパレットを保存するには、ログインする必要があります。

アカウントにログイン

または

アカウントを作成する

現在のカラーパレット 共有
公開か非公開か?
共有後、リンク(複数可)が続きます。

キャンセル シェア

カラーパレット共有
ご希望のリンクをコピーして保存してください。

シェア

OK、リンクをコピーしておきました

カラーは新しいカラーパレットに保存され、
プロフィールの下に表示されます。
さらにカスタマイズしたり、共有することもできます。

カラーパレットを表示する
了い

カラーパレットを作成する

ダウンロード各種フォーマットでダウンロード

すべて削除

をクリックすると、パレットを作成し、 色見本をダウンロードすることができます。