提供期間 APIが拡張されました。

ブラックフライデー・ウィーク: 特別価格でAPIを入手できます。今すぐアクセスしてください。ウェブプロジェクト、プラグイン、社内ツール、SaaSアプリケーションに最適です。2025-11-24 から 2025-11-30 (23:59 CET) まで有効です。

APIパッケージと価格 X

CSS グラデーション:
RGBA 71 52 60 0.75

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

暗い色:色の値が低いと暗く見える。

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

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

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

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

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

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

レッツゴー

リニア

HEX #47343CBF まで HEX #B8CBC3BF


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 1%, #B8CBC3BF 97%);

ラジアル

HEX #47343CBF まで HEX #B8CBC3BF


CSSコード:

background-image: radial-gradient(circle, #47343CBF 0%, #B8CBC3BF 88%);

 

HEX #B8CBC3BF まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #B8CBC3BF 14%, #47343CBF 99%);

 

HEX #B8CBC3BF まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #B8CBC3BF 12%, #47343CBF 92%);

リニア

HEX #47343CBF まで HEX #463441BF


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 0%, #463441BF 87%);

ラジアル

HEX #47343CBF まで HEX #463441BF


CSSコード:

background-image: radial-gradient(circle, #47343CBF 3%, #463441BF 93%);

 

HEX #463441BF まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #463441BF 7%, #47343CBF 98%);

 

HEX #463441BF まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #463441BF 0%, #47343CBF 94%);

 

HEX #47343CBF まで HEX #46343CBF


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 4%, #46343CBF 99%);

 

HEX #47343CBF まで HEX #46343CBF


CSSコード:

background-image: radial-gradient(circle, #47343CBF 5%, #46343CBF 99%);

 

HEX #46343CBF まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #46343CBF 2%, #47343CBF 95%);

 

HEX #46343CBF まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #46343CBF 14%, #47343CBF 96%);

 

HEX #47343CBF まで HEX #463437BF


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 12%, #463437BF 93%);

 

HEX #47343CBF まで HEX #463437BF


CSSコード:

background-image: radial-gradient(circle, #47343CBF 1%, #463437BF 96%);

 

HEX #463437BF まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #463437BF 1%, #47343CBF 91%);

 

HEX #463437BF まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #463437BF 6%, #47343CBF 99%);

 

HEX #47343CBF まで HEX #463634BF


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 10%, #463634BF 88%);

 

HEX #47343CBF まで HEX #463634BF


CSSコード:

background-image: radial-gradient(circle, #47343CBF 5%, #463634BF 96%);

 

HEX #463634BF まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #463634BF 11%, #47343CBF 95%);

 

HEX #463634BF まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #463634BF 2%, #47343CBF 93%);

リニア

HEX #47343CBF まで HEX #2F2228


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 5%, #2F2228 86%);

ラジアル

HEX #47343CBF まで HEX #2F2228


CSSコード:

background-image: radial-gradient(circle, #47343CBF 13%, #2F2228 93%);

 

HEX #2F2228 まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #2F2228 11%, #47343CBF 93%);

 

HEX #2F2228 まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #2F2228 3%, #47343CBF 94%);

 

HEX #47343CBF まで HEX #46343C


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 4%, #46343C 94%);

 

HEX #47343CBF まで HEX #46343C


CSSコード:

background-image: radial-gradient(circle, #47343CBF 5%, #46343C 92%);

 

HEX #46343C まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #46343C 2%, #47343CBF 93%);

 

HEX #46343C まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #46343C 13%, #47343CBF 94%);

 

HEX #47343CBF まで HEX #5E4650


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 4%, #5E4650 92%);

 

HEX #47343CBF まで HEX #5E4650


CSSコード:

background-image: radial-gradient(circle, #47343CBF 12%, #5E4650 94%);

 

HEX #5E4650 まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #5E4650 4%, #47343CBF 97%);

 

HEX #5E4650 まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #5E4650 6%, #47343CBF 89%);

 

HEX #47343CBF まで HEX #765764


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 12%, #765764 87%);

 

HEX #47343CBF まで HEX #765764


CSSコード:

background-image: radial-gradient(circle, #47343CBF 14%, #765764 88%);

 

HEX #765764 まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #765764 4%, #47343CBF 98%);

 

HEX #765764 まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #765764 14%, #47343CBF 90%);

リニア

HEX #47343CBF まで HEX #463441BF


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 2%, #463441BF 89%);

ラジアル

HEX #47343CBF まで HEX #463441BF


CSSコード:

background-image: radial-gradient(circle, #47343CBF 9%, #463441BF 94%);

 

HEX #463441BF まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #463441BF 6%, #47343CBF 93%);

 

HEX #463441BF まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #463441BF 3%, #47343CBF 94%);

 

HEX #47343CBF まで HEX #46343CBF


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 5%, #46343CBF 88%);

 

HEX #47343CBF まで HEX #46343CBF


CSSコード:

background-image: radial-gradient(circle, #47343CBF 7%, #46343CBF 91%);

 

HEX #46343CBF まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #46343CBF 3%, #47343CBF 88%);

 

HEX #46343CBF まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #46343CBF 5%, #47343CBF 95%);

 

HEX #47343CBF まで HEX #463437BF


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 14%, #463437BF 97%);

 

HEX #47343CBF まで HEX #463437BF


CSSコード:

background-image: radial-gradient(circle, #47343CBF 6%, #463437BF 100%);

 

HEX #463437BF まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #463437BF 12%, #47343CBF 96%);

 

HEX #463437BF まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #463437BF 9%, #47343CBF 87%);

 

HEX #47343CBF まで HEX #463634BF


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 10%, #463634BF 93%);

 

HEX #47343CBF まで HEX #463634BF


CSSコード:

background-image: radial-gradient(circle, #47343CBF 10%, #463634BF 95%);

 

HEX #463634BF まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #463634BF 2%, #47343CBF 86%);

 

HEX #463634BF まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #463634BF 7%, #47343CBF 92%);

リニア

HEX #47343CBF まで HEX #2F2228


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 12%, #2F2228 91%);

ラジアル

HEX #47343CBF まで HEX #2F2228


CSSコード:

background-image: radial-gradient(circle, #47343CBF 1%, #2F2228 87%);

 

HEX #2F2228 まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #2F2228 1%, #47343CBF 94%);

 

HEX #2F2228 まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #2F2228 11%, #47343CBF 93%);

 

HEX #47343CBF まで HEX #46343C


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 8%, #46343C 93%);

 

HEX #47343CBF まで HEX #46343C


CSSコード:

background-image: radial-gradient(circle, #47343CBF 7%, #46343C 89%);

 

HEX #46343C まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #46343C 3%, #47343CBF 86%);

 

HEX #46343C まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #46343C 11%, #47343CBF 88%);

 

HEX #47343CBF まで HEX #5E4650


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 5%, #5E4650 100%);

 

HEX #47343CBF まで HEX #5E4650


CSSコード:

background-image: radial-gradient(circle, #47343CBF 5%, #5E4650 96%);

 

HEX #5E4650 まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #5E4650 14%, #47343CBF 90%);

 

HEX #5E4650 まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #5E4650 1%, #47343CBF 97%);

 

HEX #47343CBF まで HEX #765764


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 7%, #765764 95%);

 

HEX #47343CBF まで HEX #765764


CSSコード:

background-image: radial-gradient(circle, #47343CBF 5%, #765764 98%);

 

HEX #765764 まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #765764 2%, #47343CBF 86%);

 

HEX #765764 まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #765764 6%, #47343CBF 91%);

リニア

HEX #47343CBF まで HEX #464234


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 8%, #464234 89%);

ラジアル

HEX #47343CBF まで HEX #464234


CSSコード:

background-image: radial-gradient(circle, #47343CBF 11%, #464234 89%);

 

HEX #464234 まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #464234 13%, #47343CBF 99%);

 

HEX #464234 まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #464234 14%, #47343CBF 97%);

 

HEX #47343CBF まで HEX #344346


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 9%, #344346 92%);

 

HEX #47343CBF まで HEX #344346


CSSコード:

background-image: radial-gradient(circle, #47343CBF 8%, #344346 100%);

 

HEX #344346 まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #344346 14%, #47343CBF 94%);

 

HEX #344346 まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #344346 7%, #47343CBF 98%);

リニア

HEX #47343CBF まで HEX #3C4634


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 7%, #3C4634 96%);

ラジアル

HEX #47343CBF まで HEX #3C4634


CSSコード:

background-image: radial-gradient(circle, #47343CBF 6%, #3C4634 95%);

 

HEX #3C4634 まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #3C4634 13%, #47343CBF 94%);

 

HEX #3C4634 まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #3C4634 8%, #47343CBF 87%);

 

HEX #47343CBF まで HEX #343C46


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 0%, #343C46 87%);

 

HEX #47343CBF まで HEX #343C46


CSSコード:

background-image: radial-gradient(circle, #47343CBF 1%, #343C46 99%);

 

HEX #343C46 まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #343C46 10%, #47343CBF 89%);

 

HEX #343C46 まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #343C46 0%, #47343CBF 93%);

リニア

HEX #47343CBF まで HEX #464234


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 0%, #464234 100%);

ラジアル

HEX #47343CBF まで HEX #464234


CSSコード:

background-image: radial-gradient(circle, #47343CBF 10%, #464234 97%);

 

HEX #464234 まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #464234 14%, #47343CBF 93%);

 

HEX #464234 まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #464234 14%, #47343CBF 96%);

 

HEX #47343CBF まで HEX #34463E


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 9%, #34463E 98%);

 

HEX #47343CBF まで HEX #34463E


CSSコード:

background-image: radial-gradient(circle, #47343CBF 11%, #34463E 86%);

 

HEX #34463E まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #34463E 10%, #47343CBF 90%);

 

HEX #34463E まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #34463E 10%, #47343CBF 95%);

 

HEX #47343CBF まで HEX #343846


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 3%, #343846 100%);

 

HEX #47343CBF まで HEX #343846


CSSコード:

background-image: radial-gradient(circle, #47343CBF 6%, #343846 90%);

 

HEX #343846 まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #343846 5%, #47343CBF 95%);

 

HEX #343846 まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #343846 11%, #47343CBF 99%);

リニア

HEX #47343CBF まで HEX #454634


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 13%, #454634 98%);

ラジアル

HEX #47343CBF まで HEX #454634


CSSコード:

background-image: radial-gradient(circle, #47343CBF 12%, #454634 87%);

 

HEX #454634 まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #454634 1%, #47343CBF 100%);

 

HEX #454634 まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #454634 9%, #47343CBF 91%);

 

HEX #47343CBF まで HEX #34463E


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 0%, #34463E 100%);

 

HEX #47343CBF まで HEX #34463E


CSSコード:

background-image: radial-gradient(circle, #47343CBF 14%, #34463E 97%);

 

HEX #34463E まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #34463E 9%, #47343CBF 96%);

 

HEX #34463E まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #34463E 2%, #47343CBF 87%);

 

HEX #47343CBF まで HEX #353446


CSSコード:

background-image: linear-gradient(135deg, #47343CBF 6%, #353446 87%);

 

HEX #47343CBF まで HEX #353446


CSSコード:

background-image: radial-gradient(circle, #47343CBF 1%, #353446 86%);

 

HEX #353446 まで HEX #47343CBF


CSSコード:

background-image: linear-gradient(135deg, #353446 8%, #47343CBF 98%);

 

HEX #353446 まで HEX #47343CBF


CSSコード:

background-image: radial-gradient(circle, #353446 7%, #47343CBF 91%);

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

サービス内容

カラー

ラグビー に 呪咀

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