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

CSS グラデーション:
#BD4E4800

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #BD4E4800 まで HEX #42B1B700


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 3%, #42B1B700 87%);

ラジアル

HEX #BD4E4800 まで HEX #42B1B700


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 13%, #42B1B700 87%);

 

HEX #42B1B700 まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #42B1B700 0%, #BD4E4800 93%);

 

HEX #42B1B700 まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #42B1B700 9%, #BD4E4800 95%);

リニア

HEX #BD4E4800 まで HEX #D3605600


CSSコード:

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

ラジアル

HEX #BD4E4800 まで HEX #D3605600


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 5%, #D3605600 99%);

 

HEX #D3605600 まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #D3605600 6%, #BD4E4800 88%);

 

HEX #D3605600 まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #D3605600 14%, #BD4E4800 99%);

 

HEX #BD4E4800 まで HEX #E4726900


CSSコード:

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

 

HEX #BD4E4800 まで HEX #E4726900


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 7%, #E4726900 90%);

 

HEX #E4726900 まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #E4726900 12%, #BD4E4800 96%);

 

HEX #E4726900 まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #E4726900 4%, #BD4E4800 88%);

 

HEX #BD4E4800 まで HEX #F5847C00


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 12%, #F5847C00 94%);

 

HEX #BD4E4800 まで HEX #F5847C00


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 8%, #F5847C00 87%);

 

HEX #F5847C00 まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #F5847C00 13%, #BD4E4800 90%);

 

HEX #F5847C00 まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #F5847C00 3%, #BD4E4800 98%);

 

HEX #BD4E4800 まで HEX #FF968F00


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 12%, #FF968F00 90%);

 

HEX #BD4E4800 まで HEX #FF968F00


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 4%, #FF968F00 93%);

 

HEX #FF968F00 まで HEX #BD4E4800


CSSコード:

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

 

HEX #FF968F00 まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #FF968F00 13%, #BD4E4800 98%);

リニア

HEX #BD4E4800 まで HEX #AC3C3500


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 3%, #AC3C3500 98%);

ラジアル

HEX #BD4E4800 まで HEX #AC3C3500


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 1%, #AC3C3500 96%);

 

HEX #AC3C3500 まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #AC3C3500 12%, #BD4E4800 89%);

 

HEX #AC3C3500 まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #AC3C3500 0%, #BD4E4800 100%);

 

HEX #BD4E4800 まで HEX #9B2A2200


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 9%, #9B2A2200 94%);

 

HEX #BD4E4800 まで HEX #9B2A2200


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 4%, #9B2A2200 88%);

 

HEX #9B2A2200 まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #9B2A2200 10%, #BD4E4800 93%);

 

HEX #9B2A2200 まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #9B2A2200 12%, #BD4E4800 86%);

 

HEX #BD4E4800 まで HEX #8A180F00


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 1%, #8A180F00 88%);

 

HEX #BD4E4800 まで HEX #8A180F00


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 7%, #8A180F00 89%);

 

HEX #8A180F00 まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #8A180F00 14%, #BD4E4800 95%);

 

HEX #8A180F00 まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #8A180F00 1%, #BD4E4800 88%);

 

HEX #BD4E4800 まで HEX #79060000


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 8%, #79060000 86%);

 

HEX #BD4E4800 まで HEX #79060000


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 7%, #79060000 95%);

 

HEX #79060000 まで HEX #BD4E4800


CSSコード:

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

 

HEX #79060000 まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #79060000 3%, #BD4E4800 91%);

リニア

HEX #BD4E4800 まで HEX #BC604700


CSSコード:

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

ラジアル

HEX #BD4E4800 まで HEX #BC604700


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 8%, #BC604700 96%);

 

HEX #BC604700 まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #BC604700 14%, #BD4E4800 89%);

 

HEX #BC604700 まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #BC604700 9%, #BD4E4800 89%);

 

HEX #BD4E4800 まで HEX #BC744700


CSSコード:

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

 

HEX #BD4E4800 まで HEX #BC744700


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 0%, #BC744700 99%);

 

HEX #BC744700 まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #BC744700 9%, #BD4E4800 89%);

 

HEX #BC744700 まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #BC744700 12%, #BD4E4800 98%);

 

HEX #BD4E4800 まで HEX #BC874700


CSSコード:

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

 

HEX #BD4E4800 まで HEX #BC874700


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 5%, #BC874700 88%);

 

HEX #BC874700 まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #BC874700 5%, #BD4E4800 90%);

 

HEX #BC874700 まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #BC874700 5%, #BD4E4800 98%);

 

HEX #BD4E4800 まで HEX #BC9B4700


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 12%, #BC9B4700 89%);

 

HEX #BD4E4800 まで HEX #BC9B4700


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 6%, #BC9B4700 86%);

 

HEX #BC9B4700 まで HEX #BD4E4800


CSSコード:

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

 

HEX #BC9B4700 まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #BC9B4700 1%, #BD4E4800 96%);

リニア

HEX #BD4E4800 まで HEX #F0635B


CSSコード:

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

ラジアル

HEX #BD4E4800 まで HEX #F0635B


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 2%, #F0635B 91%);

 

HEX #F0635B まで HEX #BD4E4800


CSSコード:

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

 

HEX #F0635B まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #F0635B 10%, #BD4E4800 90%);

 

HEX #BD4E4800 まで HEX #240F0E


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 3%, #240F0E 89%);

 

HEX #BD4E4800 まで HEX #240F0E


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 0%, #240F0E 96%);

 

HEX #240F0E まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #240F0E 13%, #BD4E4800 97%);

 

HEX #240F0E まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #240F0E 10%, #BD4E4800 96%);

 

HEX #BD4E4800 まで HEX #572421


CSSコード:

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

 

HEX #BD4E4800 まで HEX #572421


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 9%, #572421 86%);

 

HEX #572421 まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #572421 10%, #BD4E4800 100%);

 

HEX #572421 まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #572421 12%, #BD4E4800 97%);

 

HEX #BD4E4800 まで HEX #8A3935


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 11%, #8A3935 100%);

 

HEX #BD4E4800 まで HEX #8A3935


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 12%, #8A3935 89%);

 

HEX #8A3935 まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #8A3935 7%, #BD4E4800 96%);

 

HEX #8A3935 まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #8A3935 13%, #BD4E4800 86%);

リニア

HEX #BD4E4800 まで HEX #9FBC47


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 0%, #9FBC47 86%);

ラジアル

HEX #BD4E4800 まで HEX #9FBC47


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 0%, #9FBC47 91%);

 

HEX #9FBC47 まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #9FBC47 8%, #BD4E4800 92%);

 

HEX #9FBC47 まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #9FBC47 0%, #BD4E4800 99%);

 

HEX #BD4E4800 まで HEX #4770BC


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 8%, #4770BC 100%);

 

HEX #BD4E4800 まで HEX #4770BC


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 10%, #4770BC 97%);

 

HEX #4770BC まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #4770BC 4%, #BD4E4800 88%);

 

HEX #4770BC まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #4770BC 4%, #BD4E4800 89%);

リニア

HEX #BD4E4800 まで HEX #47BC4D


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 5%, #47BC4D 86%);

ラジアル

HEX #BD4E4800 まで HEX #47BC4D


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 1%, #47BC4D 98%);

 

HEX #47BC4D まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #47BC4D 11%, #BD4E4800 100%);

 

HEX #47BC4D まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #47BC4D 11%, #BD4E4800 89%);

 

HEX #BD4E4800 まで HEX #4D47BC


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 6%, #4D47BC 99%);

 

HEX #BD4E4800 まで HEX #4D47BC


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 11%, #4D47BC 89%);

 

HEX #4D47BC まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #4D47BC 11%, #BD4E4800 96%);

 

HEX #4D47BC まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #4D47BC 11%, #BD4E4800 98%);

リニア

HEX #BD4E4800 まで HEX #9FBC47


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 0%, #9FBC47 91%);

ラジアル

HEX #BD4E4800 まで HEX #9FBC47


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 0%, #9FBC47 88%);

 

HEX #9FBC47 まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #9FBC47 13%, #BD4E4800 86%);

 

HEX #9FBC47 まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #9FBC47 10%, #BD4E4800 86%);

 

HEX #BD4E4800 まで HEX #47B6BC


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 12%, #47B6BC 96%);

 

HEX #BD4E4800 まで HEX #47B6BC


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 5%, #47B6BC 94%);

 

HEX #47B6BC まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #47B6BC 6%, #BD4E4800 100%);

 

HEX #47B6BC まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #47B6BC 4%, #BD4E4800 90%);

 

HEX #BD4E4800 まで HEX #6447BC


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 7%, #6447BC 92%);

 

HEX #BD4E4800 まで HEX #6447BC


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 7%, #6447BC 91%);

 

HEX #6447BC まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #6447BC 7%, #BD4E4800 86%);

 

HEX #6447BC まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #6447BC 0%, #BD4E4800 89%);

リニア

HEX #BD4E4800 まで HEX #7CBC47


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 8%, #7CBC47 88%);

ラジアル

HEX #BD4E4800 まで HEX #7CBC47


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 13%, #7CBC47 92%);

 

HEX #7CBC47 まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #7CBC47 6%, #BD4E4800 97%);

 

HEX #7CBC47 まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #7CBC47 9%, #BD4E4800 98%);

 

HEX #BD4E4800 まで HEX #47B6BC


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 8%, #47B6BC 87%);

 

HEX #BD4E4800 まで HEX #47B6BC


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 2%, #47B6BC 92%);

 

HEX #47B6BC まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #47B6BC 3%, #BD4E4800 88%);

 

HEX #47B6BC まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #47B6BC 5%, #BD4E4800 96%);

 

HEX #BD4E4800 まで HEX #8747BC


CSSコード:

background-image: linear-gradient(135deg, #BD4E4800 3%, #8747BC 96%);

 

HEX #BD4E4800 まで HEX #8747BC


CSSコード:

background-image: radial-gradient(circle, #BD4E4800 0%, #8747BC 86%);

 

HEX #8747BC まで HEX #BD4E4800


CSSコード:

background-image: linear-gradient(135deg, #8747BC 8%, #BD4E4800 98%);

 

HEX #8747BC まで HEX #BD4E4800


CSSコード:

background-image: radial-gradient(circle, #8747BC 6%, #BD4E4800 88%);

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

サービス内容

カラー

ラグビー に 呪咀

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