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

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

APIパッケージと価格 X

CSS グラデーション:
RGBA 7 147 91 0.75

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #07935BBF まで HEX #F86CA4BF


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 5%, #F86CA4BF 90%);

ラジアル

HEX #07935BBF まで HEX #F86CA4BF


CSSコード:

background-image: radial-gradient(circle, #07935BBF 14%, #F86CA4BF 98%);

 

HEX #F86CA4BF まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #F86CA4BF 13%, #07935BBF 91%);

 

HEX #F86CA4BF まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #F86CA4BF 3%, #07935BBF 97%);

リニア

HEX #07935BBF まで HEX #079235BF


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 1%, #079235BF 90%);

ラジアル

HEX #07935BBF まで HEX #079235BF


CSSコード:

background-image: radial-gradient(circle, #07935BBF 2%, #079235BF 98%);

 

HEX #079235BF まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #079235BF 8%, #07935BBF 91%);

 

HEX #079235BF まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #079235BF 7%, #07935BBF 91%);

 

HEX #07935BBF まで HEX #07925ABF


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 11%, #07925ABF 95%);

 

HEX #07935BBF まで HEX #07925ABF


CSSコード:

background-image: radial-gradient(circle, #07935BBF 4%, #07925ABF 98%);

 

HEX #07925ABF まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #07925ABF 0%, #07935BBF 97%);

 

HEX #07925ABF まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #07925ABF 13%, #07935BBF 90%);

 

HEX #07935BBF まで HEX #079280BF


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 9%, #079280BF 96%);

 

HEX #07935BBF まで HEX #079280BF


CSSコード:

background-image: radial-gradient(circle, #07935BBF 1%, #079280BF 92%);

 

HEX #079280BF まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #079280BF 5%, #07935BBF 100%);

 

HEX #079280BF まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #079280BF 6%, #07935BBF 88%);

 

HEX #07935BBF まで HEX #078092BF


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 13%, #078092BF 96%);

 

HEX #07935BBF まで HEX #078092BF


CSSコード:

background-image: radial-gradient(circle, #07935BBF 6%, #078092BF 98%);

 

HEX #078092BF まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #078092BF 11%, #07935BBF 94%);

 

HEX #078092BF まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #078092BF 13%, #07935BBF 95%);

リニア

HEX #07935BBF まで HEX #056B42


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 6%, #056B42 93%);

ラジアル

HEX #07935BBF まで HEX #056B42


CSSコード:

background-image: radial-gradient(circle, #07935BBF 11%, #056B42 100%);

 

HEX #056B42 まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #056B42 9%, #07935BBF 91%);

 

HEX #056B42 まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #056B42 12%, #07935BBF 95%);

 

HEX #07935BBF まで HEX #07925A


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 3%, #07925A 86%);

 

HEX #07935BBF まで HEX #07925A


CSSコード:

background-image: radial-gradient(circle, #07935BBF 2%, #07925A 89%);

 

HEX #07925A まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #07925A 3%, #07935BBF 87%);

 

HEX #07925A まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #07925A 9%, #07935BBF 92%);

 

HEX #07935BBF まで HEX #09BA73


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 14%, #09BA73 93%);

 

HEX #07935BBF まで HEX #09BA73


CSSコード:

background-image: radial-gradient(circle, #07935BBF 1%, #09BA73 98%);

 

HEX #09BA73 まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #09BA73 6%, #07935BBF 88%);

 

HEX #09BA73 まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #09BA73 14%, #07935BBF 87%);

 

HEX #07935BBF まで HEX #0BE18B


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 0%, #0BE18B 91%);

 

HEX #07935BBF まで HEX #0BE18B


CSSコード:

background-image: radial-gradient(circle, #07935BBF 0%, #0BE18B 94%);

 

HEX #0BE18B まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #0BE18B 2%, #07935BBF 93%);

 

HEX #0BE18B まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #0BE18B 10%, #07935BBF 91%);

リニア

HEX #07935BBF まで HEX #079235BF


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 5%, #079235BF 90%);

ラジアル

HEX #07935BBF まで HEX #079235BF


CSSコード:

background-image: radial-gradient(circle, #07935BBF 2%, #079235BF 92%);

 

HEX #079235BF まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #079235BF 2%, #07935BBF 93%);

 

HEX #079235BF まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #079235BF 9%, #07935BBF 88%);

 

HEX #07935BBF まで HEX #07925ABF


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 11%, #07925ABF 90%);

 

HEX #07935BBF まで HEX #07925ABF


CSSコード:

background-image: radial-gradient(circle, #07935BBF 10%, #07925ABF 96%);

 

HEX #07925ABF まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #07925ABF 5%, #07935BBF 98%);

 

HEX #07925ABF まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #07925ABF 4%, #07935BBF 88%);

 

HEX #07935BBF まで HEX #079280BF


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 12%, #079280BF 91%);

 

HEX #07935BBF まで HEX #079280BF


CSSコード:

background-image: radial-gradient(circle, #07935BBF 12%, #079280BF 98%);

 

HEX #079280BF まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #079280BF 1%, #07935BBF 96%);

 

HEX #079280BF まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #079280BF 0%, #07935BBF 100%);

 

HEX #07935BBF まで HEX #078092BF


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 5%, #078092BF 88%);

 

HEX #07935BBF まで HEX #078092BF


CSSコード:

background-image: radial-gradient(circle, #07935BBF 11%, #078092BF 94%);

 

HEX #078092BF まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #078092BF 9%, #07935BBF 86%);

 

HEX #078092BF まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #078092BF 4%, #07935BBF 86%);

リニア

HEX #07935BBF まで HEX #056B42


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 10%, #056B42 99%);

ラジアル

HEX #07935BBF まで HEX #056B42


CSSコード:

background-image: radial-gradient(circle, #07935BBF 12%, #056B42 95%);

 

HEX #056B42 まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #056B42 9%, #07935BBF 91%);

 

HEX #056B42 まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #056B42 10%, #07935BBF 97%);

 

HEX #07935BBF まで HEX #07925A


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 10%, #07925A 97%);

 

HEX #07935BBF まで HEX #07925A


CSSコード:

background-image: radial-gradient(circle, #07935BBF 12%, #07925A 91%);

 

HEX #07925A まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #07925A 4%, #07935BBF 94%);

 

HEX #07925A まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #07925A 7%, #07935BBF 88%);

 

HEX #07935BBF まで HEX #09BA73


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 13%, #09BA73 87%);

 

HEX #07935BBF まで HEX #09BA73


CSSコード:

background-image: radial-gradient(circle, #07935BBF 14%, #09BA73 95%);

 

HEX #09BA73 まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #09BA73 2%, #07935BBF 89%);

 

HEX #09BA73 まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #09BA73 2%, #07935BBF 100%);

 

HEX #07935BBF まで HEX #0BE18B


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 8%, #0BE18B 87%);

 

HEX #07935BBF まで HEX #0BE18B


CSSコード:

background-image: radial-gradient(circle, #07935BBF 4%, #0BE18B 98%);

 

HEX #0BE18B まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #0BE18B 8%, #07935BBF 89%);

 

HEX #0BE18B まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #0BE18B 10%, #07935BBF 99%);

リニア

HEX #07935BBF まで HEX #072392


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 5%, #072392 99%);

ラジアル

HEX #07935BBF まで HEX #072392


CSSコード:

background-image: radial-gradient(circle, #07935BBF 13%, #072392 91%);

 

HEX #072392 まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #072392 8%, #07935BBF 98%);

 

HEX #072392 まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #072392 12%, #07935BBF 95%);

 

HEX #07935BBF まで HEX #922307


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 6%, #922307 86%);

 

HEX #07935BBF まで HEX #922307


CSSコード:

background-image: radial-gradient(circle, #07935BBF 0%, #922307 87%);

 

HEX #922307 まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #922307 14%, #07935BBF 90%);

 

HEX #922307 まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #922307 4%, #07935BBF 88%);

リニア

HEX #07935BBF まで HEX #5A0792


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 8%, #5A0792 91%);

ラジアル

HEX #07935BBF まで HEX #5A0792


CSSコード:

background-image: radial-gradient(circle, #07935BBF 5%, #5A0792 89%);

 

HEX #5A0792 まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #5A0792 1%, #07935BBF 92%);

 

HEX #5A0792 まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #5A0792 11%, #07935BBF 95%);

 

HEX #07935BBF まで HEX #925A07


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 11%, #925A07 98%);

 

HEX #07935BBF まで HEX #925A07


CSSコード:

background-image: radial-gradient(circle, #07935BBF 10%, #925A07 99%);

 

HEX #925A07 まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #925A07 11%, #07935BBF 94%);

 

HEX #925A07 まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #925A07 0%, #07935BBF 99%);

リニア

HEX #07935BBF まで HEX #072392


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 8%, #072392 96%);

ラジアル

HEX #07935BBF まで HEX #072392


CSSコード:

background-image: radial-gradient(circle, #07935BBF 1%, #072392 87%);

 

HEX #072392 まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #072392 1%, #07935BBF 86%);

 

HEX #072392 まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #072392 12%, #07935BBF 99%);

 

HEX #07935BBF まで HEX #92073F


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 12%, #92073F 100%);

 

HEX #07935BBF まで HEX #92073F


CSSコード:

background-image: radial-gradient(circle, #07935BBF 13%, #92073F 99%);

 

HEX #92073F まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #92073F 0%, #07935BBF 88%);

 

HEX #92073F まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #92073F 8%, #07935BBF 96%);

 

HEX #07935BBF まで HEX #927607


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 5%, #927607 99%);

 

HEX #07935BBF まで HEX #927607


CSSコード:

background-image: radial-gradient(circle, #07935BBF 4%, #927607 91%);

 

HEX #927607 まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #927607 1%, #07935BBF 87%);

 

HEX #927607 まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #927607 9%, #07935BBF 95%);

リニア

HEX #07935BBF まで HEX #150792


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 11%, #150792 98%);

ラジアル

HEX #07935BBF まで HEX #150792


CSSコード:

background-image: radial-gradient(circle, #07935BBF 7%, #150792 89%);

 

HEX #150792 まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #150792 3%, #07935BBF 87%);

 

HEX #150792 まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #150792 0%, #07935BBF 91%);

 

HEX #07935BBF まで HEX #92073F


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 4%, #92073F 92%);

 

HEX #07935BBF まで HEX #92073F


CSSコード:

background-image: radial-gradient(circle, #07935BBF 14%, #92073F 95%);

 

HEX #92073F まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #92073F 11%, #07935BBF 92%);

 

HEX #92073F まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #92073F 2%, #07935BBF 89%);

 

HEX #07935BBF まで HEX #849207


CSSコード:

background-image: linear-gradient(135deg, #07935BBF 2%, #849207 93%);

 

HEX #07935BBF まで HEX #849207


CSSコード:

background-image: radial-gradient(circle, #07935BBF 4%, #849207 86%);

 

HEX #849207 まで HEX #07935BBF


CSSコード:

background-image: linear-gradient(135deg, #849207 7%, #07935BBF 86%);

 

HEX #849207 まで HEX #07935BBF


CSSコード:

background-image: radial-gradient(circle, #849207 2%, #07935BBF 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.