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

CSS グラデーション:
RGBA 218 185 32 0.75

インフォメーション

一網打尽



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

ウェブデザインのためのシンプルさ:あなたのウェブサイトに簡単に統合できるように、CSSコードをコピーしてください。



線形および放射状の色遷移の例を 明るい色合い から見つけてください。

Web デザインに最適: CSS コードをコピーして、Web サイトに簡単に統合できます。



線形および放射状の色遷移の例を ダークシェード から見つけてください。

Web デザインに最適: CSS コードをコピーして、Web サイトに簡単に統合できます。

表示オプション

商品説明

この色調は明らかに赤と緑が支配的で、赤と緑の値は青よりも高い。 明るい色:高い色彩値は明るい印象を与える。

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

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

イラストでは、赤(上)、緑(右下)、青(左下)の3つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。
218 185 32 R G B
CMYK表色系では、色は次のように構成される。この色調では、最大色成分100のうち、それぞれ 皆無 シアン 11 マゼンタ 64 黄色と 11 これらの色の混合比によって、重なり合った部分の真ん中に表示される色合いとなります。

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

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

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

レッツゴー

リニア

HEX #DAB920BF まで HEX #2546DFBF


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 8%, #2546DFBF 92%);

ラジアル

HEX #DAB920BF まで HEX #2546DFBF


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 13%, #2546DFBF 87%);

 

HEX #2546DFBF まで HEX #DAB920BF


CSSコード:

background-image: linear-gradient(135deg, #2546DFBF 6%, #DAB920BF 88%);

 

HEX #2546DFBF まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #2546DFBF 10%, #DAB920BF 87%);

リニア

HEX #DAB920BF まで HEX #D98620BF


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 13%, #D98620BF 91%);

ラジアル

HEX #DAB920BF まで HEX #D98620BF


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 2%, #D98620BF 97%);

 

HEX #D98620BF まで HEX #DAB920BF


CSSコード:

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

 

HEX #D98620BF まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #D98620BF 0%, #DAB920BF 89%);

 

HEX #DAB920BF まで HEX #D9B820BF


CSSコード:

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

 

HEX #DAB920BF まで HEX #D9B820BF


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 5%, #D9B820BF 94%);

 

HEX #D9B820BF まで HEX #DAB920BF


CSSコード:

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

 

HEX #D9B820BF まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #D9B820BF 8%, #DAB920BF 100%);

 

HEX #DAB920BF まで HEX #CAD920BF


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 3%, #CAD920BF 86%);

 

HEX #DAB920BF まで HEX #CAD920BF


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 6%, #CAD920BF 93%);

 

HEX #CAD920BF まで HEX #DAB920BF


CSSコード:

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

 

HEX #CAD920BF まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #CAD920BF 10%, #DAB920BF 91%);

 

HEX #DAB920BF まで HEX #99D920BF


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 7%, #99D920BF 88%);

 

HEX #DAB920BF まで HEX #99D920BF


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 12%, #99D920BF 88%);

 

HEX #99D920BF まで HEX #DAB920BF


CSSコード:

background-image: linear-gradient(135deg, #99D920BF 4%, #DAB920BF 87%);

 

HEX #99D920BF まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #99D920BF 7%, #DAB920BF 93%);

リニア

HEX #DAB920BF まで HEX #B69A1B


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 7%, #B69A1B 91%);

ラジアル

HEX #DAB920BF まで HEX #B69A1B


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 1%, #B69A1B 87%);

 

HEX #B69A1B まで HEX #DAB920BF


CSSコード:

background-image: linear-gradient(135deg, #B69A1B 1%, #DAB920BF 87%);

 

HEX #B69A1B まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #B69A1B 2%, #DAB920BF 99%);

 

HEX #DAB920BF まで HEX #D9B920


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 7%, #D9B920 97%);

 

HEX #DAB920BF まで HEX #D9B920


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 14%, #D9B920 96%);

 

HEX #D9B920 まで HEX #DAB920BF


CSSコード:

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

 

HEX #D9B920 まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #D9B920 11%, #DAB920BF 86%);

 

HEX #DAB920BF まで HEX #E3C641


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 11%, #E3C641 98%);

 

HEX #DAB920BF まで HEX #E3C641


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 4%, #E3C641 90%);

 

HEX #E3C641 まで HEX #DAB920BF


CSSコード:

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

 

HEX #E3C641 まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #E3C641 3%, #DAB920BF 100%);

 

HEX #DAB920BF まで HEX #E8D165


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 8%, #E8D165 89%);

 

HEX #DAB920BF まで HEX #E8D165


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 14%, #E8D165 98%);

 

HEX #E8D165 まで HEX #DAB920BF


CSSコード:

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

 

HEX #E8D165 まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #E8D165 9%, #DAB920BF 98%);

リニア

HEX #DAB920BF まで HEX #D98620BF


CSSコード:

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

ラジアル

HEX #DAB920BF まで HEX #D98620BF


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 14%, #D98620BF 86%);

 

HEX #D98620BF まで HEX #DAB920BF


CSSコード:

background-image: linear-gradient(135deg, #D98620BF 6%, #DAB920BF 89%);

 

HEX #D98620BF まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #D98620BF 7%, #DAB920BF 95%);

 

HEX #DAB920BF まで HEX #D9B820BF


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 11%, #D9B820BF 89%);

 

HEX #DAB920BF まで HEX #D9B820BF


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 10%, #D9B820BF 100%);

 

HEX #D9B820BF まで HEX #DAB920BF


CSSコード:

background-image: linear-gradient(135deg, #D9B820BF 6%, #DAB920BF 95%);

 

HEX #D9B820BF まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #D9B820BF 10%, #DAB920BF 91%);

 

HEX #DAB920BF まで HEX #CAD920BF


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 14%, #CAD920BF 87%);

 

HEX #DAB920BF まで HEX #CAD920BF


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 3%, #CAD920BF 94%);

 

HEX #CAD920BF まで HEX #DAB920BF


CSSコード:

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

 

HEX #CAD920BF まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #CAD920BF 12%, #DAB920BF 91%);

 

HEX #DAB920BF まで HEX #99D920BF


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 9%, #99D920BF 98%);

 

HEX #DAB920BF まで HEX #99D920BF


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 10%, #99D920BF 86%);

 

HEX #99D920BF まで HEX #DAB920BF


CSSコード:

background-image: linear-gradient(135deg, #99D920BF 13%, #DAB920BF 100%);

 

HEX #99D920BF まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #99D920BF 4%, #DAB920BF 92%);

リニア

HEX #DAB920BF まで HEX #B69A1B


CSSコード:

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

ラジアル

HEX #DAB920BF まで HEX #B69A1B


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 0%, #B69A1B 86%);

 

HEX #B69A1B まで HEX #DAB920BF


CSSコード:

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

 

HEX #B69A1B まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #B69A1B 10%, #DAB920BF 94%);

 

HEX #DAB920BF まで HEX #D9B920


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 8%, #D9B920 88%);

 

HEX #DAB920BF まで HEX #D9B920


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 0%, #D9B920 94%);

 

HEX #D9B920 まで HEX #DAB920BF


CSSコード:

background-image: linear-gradient(135deg, #D9B920 9%, #DAB920BF 87%);

 

HEX #D9B920 まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #D9B920 12%, #DAB920BF 96%);

 

HEX #DAB920BF まで HEX #E3C641


CSSコード:

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

 

HEX #DAB920BF まで HEX #E3C641


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 8%, #E3C641 92%);

 

HEX #E3C641 まで HEX #DAB920BF


CSSコード:

background-image: linear-gradient(135deg, #E3C641 11%, #DAB920BF 98%);

 

HEX #E3C641 まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #E3C641 1%, #DAB920BF 99%);

 

HEX #DAB920BF まで HEX #E8D165


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 2%, #E8D165 98%);

 

HEX #DAB920BF まで HEX #E8D165


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 0%, #E8D165 98%);

 

HEX #E8D165 まで HEX #DAB920BF


CSSコード:

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

 

HEX #E8D165 まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #E8D165 3%, #DAB920BF 87%);

リニア

HEX #DAB920BF まで HEX #20D924


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 6%, #20D924 87%);

ラジアル

HEX #DAB920BF まで HEX #20D924


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 2%, #20D924 90%);

 

HEX #20D924 まで HEX #DAB920BF


CSSコード:

background-image: linear-gradient(135deg, #20D924 3%, #DAB920BF 91%);

 

HEX #20D924 まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #20D924 5%, #DAB920BF 91%);

 

HEX #DAB920BF まで HEX #6E20D9


CSSコード:

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

 

HEX #DAB920BF まで HEX #6E20D9


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 10%, #6E20D9 97%);

 

HEX #6E20D9 まで HEX #DAB920BF


CSSコード:

background-image: linear-gradient(135deg, #6E20D9 6%, #DAB920BF 93%);

 

HEX #6E20D9 まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #6E20D9 12%, #DAB920BF 95%);

リニア

HEX #DAB920BF まで HEX #20D9B8


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 7%, #20D9B8 90%);

ラジアル

HEX #DAB920BF まで HEX #20D9B8


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 2%, #20D9B8 97%);

 

HEX #20D9B8 まで HEX #DAB920BF


CSSコード:

background-image: linear-gradient(135deg, #20D9B8 0%, #DAB920BF 87%);

 

HEX #20D9B8 まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #20D9B8 12%, #DAB920BF 98%);

 

HEX #DAB920BF まで HEX #B820D9


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 4%, #B820D9 94%);

 

HEX #DAB920BF まで HEX #B820D9


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 13%, #B820D9 98%);

 

HEX #B820D9 まで HEX #DAB920BF


CSSコード:

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

 

HEX #B820D9 まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #B820D9 0%, #DAB920BF 95%);

リニア

HEX #DAB920BF まで HEX #20D924


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 8%, #20D924 94%);

ラジアル

HEX #DAB920BF まで HEX #20D924


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 0%, #20D924 92%);

 

HEX #20D924 まで HEX #DAB920BF


CSSコード:

background-image: linear-gradient(135deg, #20D924 3%, #DAB920BF 98%);

 

HEX #20D924 まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #20D924 5%, #DAB920BF 91%);

 

HEX #DAB920BF まで HEX #2042D9


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 1%, #2042D9 99%);

 

HEX #DAB920BF まで HEX #2042D9


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 9%, #2042D9 100%);

 

HEX #2042D9 まで HEX #DAB920BF


CSSコード:

background-image: linear-gradient(135deg, #2042D9 11%, #DAB920BF 98%);

 

HEX #2042D9 まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #2042D9 7%, #DAB920BF 96%);

 

HEX #DAB920BF まで HEX #D920D6


CSSコード:

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

 

HEX #DAB920BF まで HEX #D920D6


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 5%, #D920D6 90%);

 

HEX #D920D6 まで HEX #DAB920BF


CSSコード:

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

 

HEX #D920D6 まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #D920D6 12%, #DAB920BF 91%);

リニア

HEX #DAB920BF まで HEX #20D95B


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 1%, #20D95B 87%);

ラジアル

HEX #DAB920BF まで HEX #20D95B


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 6%, #20D95B 100%);

 

HEX #20D95B まで HEX #DAB920BF


CSSコード:

background-image: linear-gradient(135deg, #20D95B 9%, #DAB920BF 92%);

 

HEX #20D95B まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #20D95B 12%, #DAB920BF 98%);

 

HEX #DAB920BF まで HEX #2042D9


CSSコード:

background-image: linear-gradient(135deg, #DAB920BF 2%, #2042D9 91%);

 

HEX #DAB920BF まで HEX #2042D9


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 13%, #2042D9 94%);

 

HEX #2042D9 まで HEX #DAB920BF


CSSコード:

background-image: linear-gradient(135deg, #2042D9 13%, #DAB920BF 88%);

 

HEX #2042D9 まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #2042D9 10%, #DAB920BF 87%);

 

HEX #DAB920BF まで HEX #D9209F


CSSコード:

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

 

HEX #DAB920BF まで HEX #D9209F


CSSコード:

background-image: radial-gradient(circle, #DAB920BF 2%, #D9209F 87%);

 

HEX #D9209F まで HEX #DAB920BF


CSSコード:

background-image: linear-gradient(135deg, #D9209F 3%, #DAB920BF 92%);

 

HEX #D9209F まで HEX #DAB920BF


CSSコード:

background-image: radial-gradient(circle, #D9209F 12%, #DAB920BF 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, a registration is required.

Log 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 desired link.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking on you can create palettes and download the color swatches.