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

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

APIパッケージと価格 X

CSS グラデーション:
RGBA 9 59 193 0.75

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

青が他を圧倒している。 暗い色:色の値が低いと暗く見える。

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

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

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

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

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

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

レッツゴー

リニア

HEX #093BC1BF まで HEX #F6C43EBF


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 13%, #F6C43EBF 100%);

ラジアル

HEX #093BC1BF まで HEX #F6C43EBF


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 6%, #F6C43EBF 93%);

 

HEX #F6C43EBF まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #F6C43EBF 13%, #093BC1BF 86%);

 

HEX #F6C43EBF まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #F6C43EBF 4%, #093BC1BF 92%);

リニア

HEX #093BC1BF まで HEX #096FC3BF


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 10%, #096FC3BF 92%);

ラジアル

HEX #093BC1BF まで HEX #096FC3BF


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 3%, #096FC3BF 91%);

 

HEX #096FC3BF まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #096FC3BF 14%, #093BC1BF 86%);

 

HEX #096FC3BF まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #096FC3BF 14%, #093BC1BF 89%);

 

HEX #093BC1BF まで HEX #093EC3BF


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 0%, #093EC3BF 95%);

 

HEX #093BC1BF まで HEX #093EC3BF


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 10%, #093EC3BF 94%);

 

HEX #093EC3BF まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #093EC3BF 6%, #093BC1BF 98%);

 

HEX #093EC3BF まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #093EC3BF 4%, #093BC1BF 97%);

 

HEX #093BC1BF まで HEX #090CC3BF


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 5%, #090CC3BF 86%);

 

HEX #093BC1BF まで HEX #090CC3BF


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 11%, #090CC3BF 98%);

 

HEX #090CC3BF まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #090CC3BF 14%, #093BC1BF 89%);

 

HEX #090CC3BF まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #090CC3BF 1%, #093BC1BF 90%);

 

HEX #093BC1BF まで HEX #3809C3BF


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 2%, #3809C3BF 98%);

 

HEX #093BC1BF まで HEX #3809C3BF


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 2%, #3809C3BF 87%);

 

HEX #3809C3BF まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #3809C3BF 10%, #093BC1BF 100%);

 

HEX #3809C3BF まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #3809C3BF 5%, #093BC1BF 97%);

リニア

HEX #093BC1BF まで HEX #07309B


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 2%, #07309B 97%);

ラジアル

HEX #093BC1BF まで HEX #07309B


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 4%, #07309B 94%);

 

HEX #07309B まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #07309B 4%, #093BC1BF 87%);

 

HEX #07309B まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #07309B 13%, #093BC1BF 99%);

 

HEX #093BC1BF まで HEX #093CC3


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 9%, #093CC3 100%);

 

HEX #093BC1BF まで HEX #093CC3


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 8%, #093CC3 97%);

 

HEX #093CC3 まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #093CC3 4%, #093BC1BF 95%);

 

HEX #093CC3 まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #093CC3 5%, #093BC1BF 91%);

 

HEX #093BC1BF まで HEX #0B48EA


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 4%, #0B48EA 90%);

 

HEX #093BC1BF まで HEX #0B48EA


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 2%, #0B48EA 96%);

 

HEX #0B48EA まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #0B48EA 2%, #093BC1BF 91%);

 

HEX #0B48EA まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #0B48EA 5%, #093BC1BF 87%);

 

HEX #093BC1BF まで HEX #2A61F5


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 11%, #2A61F5 89%);

 

HEX #093BC1BF まで HEX #2A61F5


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 1%, #2A61F5 100%);

 

HEX #2A61F5 まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #2A61F5 6%, #093BC1BF 95%);

 

HEX #2A61F5 まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #2A61F5 9%, #093BC1BF 93%);

リニア

HEX #093BC1BF まで HEX #096FC3BF


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 7%, #096FC3BF 88%);

ラジアル

HEX #093BC1BF まで HEX #096FC3BF


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 4%, #096FC3BF 89%);

 

HEX #096FC3BF まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #096FC3BF 7%, #093BC1BF 87%);

 

HEX #096FC3BF まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #096FC3BF 0%, #093BC1BF 86%);

 

HEX #093BC1BF まで HEX #093EC3BF


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 3%, #093EC3BF 87%);

 

HEX #093BC1BF まで HEX #093EC3BF


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 14%, #093EC3BF 91%);

 

HEX #093EC3BF まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #093EC3BF 1%, #093BC1BF 88%);

 

HEX #093EC3BF まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #093EC3BF 9%, #093BC1BF 93%);

 

HEX #093BC1BF まで HEX #090CC3BF


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 14%, #090CC3BF 92%);

 

HEX #093BC1BF まで HEX #090CC3BF


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 12%, #090CC3BF 94%);

 

HEX #090CC3BF まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #090CC3BF 7%, #093BC1BF 99%);

 

HEX #090CC3BF まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #090CC3BF 2%, #093BC1BF 89%);

 

HEX #093BC1BF まで HEX #3809C3BF


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 9%, #3809C3BF 96%);

 

HEX #093BC1BF まで HEX #3809C3BF


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 10%, #3809C3BF 95%);

 

HEX #3809C3BF まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #3809C3BF 11%, #093BC1BF 98%);

 

HEX #3809C3BF まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #3809C3BF 3%, #093BC1BF 91%);

リニア

HEX #093BC1BF まで HEX #07309B


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 3%, #07309B 90%);

ラジアル

HEX #093BC1BF まで HEX #07309B


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 12%, #07309B 98%);

 

HEX #07309B まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #07309B 0%, #093BC1BF 93%);

 

HEX #07309B まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #07309B 6%, #093BC1BF 93%);

 

HEX #093BC1BF まで HEX #093CC3


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 7%, #093CC3 99%);

 

HEX #093BC1BF まで HEX #093CC3


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 10%, #093CC3 90%);

 

HEX #093CC3 まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #093CC3 1%, #093BC1BF 88%);

 

HEX #093CC3 まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #093CC3 5%, #093BC1BF 99%);

 

HEX #093BC1BF まで HEX #0B48EA


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 4%, #0B48EA 95%);

 

HEX #093BC1BF まで HEX #0B48EA


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 7%, #0B48EA 86%);

 

HEX #0B48EA まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #0B48EA 14%, #093BC1BF 94%);

 

HEX #0B48EA まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #0B48EA 8%, #093BC1BF 91%);

 

HEX #093BC1BF まで HEX #2A61F5


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 9%, #2A61F5 89%);

 

HEX #093BC1BF まで HEX #2A61F5


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 0%, #2A61F5 96%);

 

HEX #2A61F5 まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #2A61F5 6%, #093BC1BF 94%);

 

HEX #2A61F5 まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #2A61F5 9%, #093BC1BF 88%);

リニア

HEX #093BC1BF まで HEX #B309C3


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 1%, #B309C3 100%);

ラジアル

HEX #093BC1BF まで HEX #B309C3


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 12%, #B309C3 92%);

 

HEX #B309C3 まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #B309C3 11%, #093BC1BF 91%);

 

HEX #B309C3 まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #B309C3 5%, #093BC1BF 97%);

 

HEX #093BC1BF まで HEX #88C309


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 8%, #88C309 90%);

 

HEX #093BC1BF まで HEX #88C309


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 2%, #88C309 98%);

 

HEX #88C309 まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #88C309 8%, #093BC1BF 95%);

 

HEX #88C309 まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #88C309 9%, #093BC1BF 95%);

リニア

HEX #093BC1BF まで HEX #C3093E


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 10%, #C3093E 94%);

ラジアル

HEX #093BC1BF まで HEX #C3093E


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 5%, #C3093E 87%);

 

HEX #C3093E まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #C3093E 2%, #093BC1BF 95%);

 

HEX #C3093E まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #C3093E 5%, #093BC1BF 97%);

 

HEX #093BC1BF まで HEX #3EC309


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 14%, #3EC309 95%);

 

HEX #093BC1BF まで HEX #3EC309


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 6%, #3EC309 89%);

 

HEX #3EC309 まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #3EC309 7%, #093BC1BF 95%);

 

HEX #3EC309 まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #3EC309 1%, #093BC1BF 89%);

リニア

HEX #093BC1BF まで HEX #B309C3


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 10%, #B309C3 95%);

ラジアル

HEX #093BC1BF まで HEX #B309C3


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 5%, #B309C3 89%);

 

HEX #B309C3 まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #B309C3 6%, #093BC1BF 100%);

 

HEX #B309C3 まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #B309C3 4%, #093BC1BF 94%);

 

HEX #093BC1BF まで HEX #C38E09


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 7%, #C38E09 98%);

 

HEX #093BC1BF まで HEX #C38E09


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 6%, #C38E09 88%);

 

HEX #C38E09 まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #C38E09 8%, #093BC1BF 89%);

 

HEX #C38E09 まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #C38E09 5%, #093BC1BF 91%);

 

HEX #093BC1BF まで HEX #19C309


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 14%, #19C309 93%);

 

HEX #093BC1BF まで HEX #19C309


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 6%, #19C309 93%);

 

HEX #19C309 まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #19C309 1%, #093BC1BF 100%);

 

HEX #19C309 まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #19C309 7%, #093BC1BF 96%);

リニア

HEX #093BC1BF まで HEX #C3099B


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 1%, #C3099B 96%);

ラジアル

HEX #093BC1BF まで HEX #C3099B


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 11%, #C3099B 100%);

 

HEX #C3099B まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #C3099B 11%, #093BC1BF 88%);

 

HEX #C3099B まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #C3099B 6%, #093BC1BF 94%);

 

HEX #093BC1BF まで HEX #C38E09


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 7%, #C38E09 92%);

 

HEX #093BC1BF まで HEX #C38E09


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 3%, #C38E09 99%);

 

HEX #C38E09 まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #C38E09 1%, #093BC1BF 86%);

 

HEX #C38E09 まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #C38E09 7%, #093BC1BF 97%);

 

HEX #093BC1BF まで HEX #09C331


CSSコード:

background-image: linear-gradient(135deg, #093BC1BF 9%, #09C331 95%);

 

HEX #093BC1BF まで HEX #09C331


CSSコード:

background-image: radial-gradient(circle, #093BC1BF 14%, #09C331 95%);

 

HEX #09C331 まで HEX #093BC1BF


CSSコード:

background-image: linear-gradient(135deg, #09C331 10%, #093BC1BF 99%);

 

HEX #09C331 まで HEX #093BC1BF


CSSコード:

background-image: radial-gradient(circle, #09C331 1%, #093BC1BF 95%);

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

サービス内容

カラー

ラグビー に 呪咀

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