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

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

APIパッケージと価格 X

CSS グラデーション:
RGBA 49 5 24 0.75

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #310518BF まで HEX #CEFAE7BF


CSSコード:

background-image: linear-gradient(135deg, #310518BF 3%, #CEFAE7BF 88%);

ラジアル

HEX #310518BF まで HEX #CEFAE7BF


CSSコード:

background-image: radial-gradient(circle, #310518BF 5%, #CEFAE7BF 96%);

 

HEX #CEFAE7BF まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #CEFAE7BF 3%, #310518BF 96%);

 

HEX #CEFAE7BF まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #CEFAE7BF 1%, #310518BF 86%);

リニア

HEX #310518BF まで HEX #330525BF


CSSコード:

background-image: linear-gradient(135deg, #310518BF 2%, #330525BF 95%);

ラジアル

HEX #310518BF まで HEX #330525BF


CSSコード:

background-image: radial-gradient(circle, #310518BF 7%, #330525BF 86%);

 

HEX #330525BF まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #330525BF 4%, #310518BF 93%);

 

HEX #330525BF まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #330525BF 10%, #310518BF 89%);

 

HEX #310518BF まで HEX #330519BF


CSSコード:

background-image: linear-gradient(135deg, #310518BF 10%, #330519BF 99%);

 

HEX #310518BF まで HEX #330519BF


CSSコード:

background-image: radial-gradient(circle, #310518BF 6%, #330519BF 88%);

 

HEX #330519BF まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #330519BF 3%, #310518BF 94%);

 

HEX #330519BF まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #330519BF 8%, #310518BF 92%);

 

HEX #310518BF まで HEX #33050DBF


CSSコード:

background-image: linear-gradient(135deg, #310518BF 14%, #33050DBF 90%);

 

HEX #310518BF まで HEX #33050DBF


CSSコード:

background-image: radial-gradient(circle, #310518BF 3%, #33050DBF 100%);

 

HEX #33050DBF まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #33050DBF 10%, #310518BF 86%);

 

HEX #33050DBF まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #33050DBF 14%, #310518BF 86%);

 

HEX #310518BF まで HEX #330A05BF


CSSコード:

background-image: linear-gradient(135deg, #310518BF 4%, #330A05BF 91%);

 

HEX #310518BF まで HEX #330A05BF


CSSコード:

background-image: radial-gradient(circle, #310518BF 13%, #330A05BF 88%);

 

HEX #330A05BF まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #330A05BF 4%, #310518BF 87%);

 

HEX #330A05BF まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #330A05BF 1%, #310518BF 91%);

リニア

HEX #310518BF まで HEX #0D0107


CSSコード:

background-image: linear-gradient(135deg, #310518BF 3%, #0D0107 93%);

ラジアル

HEX #310518BF まで HEX #0D0107


CSSコード:

background-image: radial-gradient(circle, #310518BF 10%, #0D0107 98%);

 

HEX #0D0107 まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #0D0107 7%, #310518BF 89%);

 

HEX #0D0107 まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #0D0107 5%, #310518BF 89%);

 

HEX #310518BF まで HEX #330519


CSSコード:

background-image: linear-gradient(135deg, #310518BF 12%, #330519 100%);

 

HEX #310518BF まで HEX #330519


CSSコード:

background-image: radial-gradient(circle, #310518BF 7%, #330519 95%);

 

HEX #330519 まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #330519 9%, #310518BF 95%);

 

HEX #330519 まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #330519 11%, #310518BF 99%);

 

HEX #310518BF まで HEX #58092B


CSSコード:

background-image: linear-gradient(135deg, #310518BF 3%, #58092B 86%);

 

HEX #310518BF まで HEX #58092B


CSSコード:

background-image: radial-gradient(circle, #310518BF 9%, #58092B 94%);

 

HEX #58092B まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #58092B 0%, #310518BF 94%);

 

HEX #58092B まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #58092B 14%, #310518BF 98%);

 

HEX #310518BF まで HEX #7D0D3E


CSSコード:

background-image: linear-gradient(135deg, #310518BF 7%, #7D0D3E 92%);

 

HEX #310518BF まで HEX #7D0D3E


CSSコード:

background-image: radial-gradient(circle, #310518BF 9%, #7D0D3E 94%);

 

HEX #7D0D3E まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #7D0D3E 10%, #310518BF 95%);

 

HEX #7D0D3E まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #7D0D3E 6%, #310518BF 94%);

リニア

HEX #310518BF まで HEX #330525BF


CSSコード:

background-image: linear-gradient(135deg, #310518BF 9%, #330525BF 91%);

ラジアル

HEX #310518BF まで HEX #330525BF


CSSコード:

background-image: radial-gradient(circle, #310518BF 1%, #330525BF 92%);

 

HEX #330525BF まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #330525BF 11%, #310518BF 89%);

 

HEX #330525BF まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #330525BF 6%, #310518BF 95%);

 

HEX #310518BF まで HEX #330519BF


CSSコード:

background-image: linear-gradient(135deg, #310518BF 7%, #330519BF 100%);

 

HEX #310518BF まで HEX #330519BF


CSSコード:

background-image: radial-gradient(circle, #310518BF 6%, #330519BF 91%);

 

HEX #330519BF まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #330519BF 1%, #310518BF 96%);

 

HEX #330519BF まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #330519BF 13%, #310518BF 92%);

 

HEX #310518BF まで HEX #33050DBF


CSSコード:

background-image: linear-gradient(135deg, #310518BF 2%, #33050DBF 96%);

 

HEX #310518BF まで HEX #33050DBF


CSSコード:

background-image: radial-gradient(circle, #310518BF 1%, #33050DBF 86%);

 

HEX #33050DBF まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #33050DBF 11%, #310518BF 95%);

 

HEX #33050DBF まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #33050DBF 12%, #310518BF 86%);

 

HEX #310518BF まで HEX #330A05BF


CSSコード:

background-image: linear-gradient(135deg, #310518BF 0%, #330A05BF 98%);

 

HEX #310518BF まで HEX #330A05BF


CSSコード:

background-image: radial-gradient(circle, #310518BF 6%, #330A05BF 100%);

 

HEX #330A05BF まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #330A05BF 0%, #310518BF 90%);

 

HEX #330A05BF まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #330A05BF 2%, #310518BF 88%);

リニア

HEX #310518BF まで HEX #0D0107


CSSコード:

background-image: linear-gradient(135deg, #310518BF 8%, #0D0107 97%);

ラジアル

HEX #310518BF まで HEX #0D0107


CSSコード:

background-image: radial-gradient(circle, #310518BF 8%, #0D0107 87%);

 

HEX #0D0107 まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #0D0107 5%, #310518BF 89%);

 

HEX #0D0107 まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #0D0107 12%, #310518BF 100%);

 

HEX #310518BF まで HEX #330519


CSSコード:

background-image: linear-gradient(135deg, #310518BF 7%, #330519 100%);

 

HEX #310518BF まで HEX #330519


CSSコード:

background-image: radial-gradient(circle, #310518BF 3%, #330519 90%);

 

HEX #330519 まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #330519 10%, #310518BF 91%);

 

HEX #330519 まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #330519 3%, #310518BF 98%);

 

HEX #310518BF まで HEX #58092B


CSSコード:

background-image: linear-gradient(135deg, #310518BF 9%, #58092B 87%);

 

HEX #310518BF まで HEX #58092B


CSSコード:

background-image: radial-gradient(circle, #310518BF 12%, #58092B 87%);

 

HEX #58092B まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #58092B 4%, #310518BF 88%);

 

HEX #58092B まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #58092B 2%, #310518BF 94%);

 

HEX #310518BF まで HEX #7D0D3E


CSSコード:

background-image: linear-gradient(135deg, #310518BF 13%, #7D0D3E 90%);

 

HEX #310518BF まで HEX #7D0D3E


CSSコード:

background-image: radial-gradient(circle, #310518BF 11%, #7D0D3E 86%);

 

HEX #7D0D3E まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #7D0D3E 1%, #310518BF 92%);

 

HEX #7D0D3E まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #7D0D3E 8%, #310518BF 91%);

リニア

HEX #310518BF まで HEX #332805


CSSコード:

background-image: linear-gradient(135deg, #310518BF 10%, #332805 99%);

ラジアル

HEX #310518BF まで HEX #332805


CSSコード:

background-image: radial-gradient(circle, #310518BF 7%, #332805 92%);

 

HEX #332805 まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #332805 8%, #310518BF 92%);

 

HEX #332805 まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #332805 3%, #310518BF 96%);

 

HEX #310518BF まで HEX #052B33


CSSコード:

background-image: linear-gradient(135deg, #310518BF 9%, #052B33 87%);

 

HEX #310518BF まで HEX #052B33


CSSコード:

background-image: radial-gradient(circle, #310518BF 13%, #052B33 98%);

 

HEX #052B33 まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #052B33 14%, #310518BF 96%);

 

HEX #052B33 まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #052B33 1%, #310518BF 95%);

リニア

HEX #310518BF まで HEX #193305


CSSコード:

background-image: linear-gradient(135deg, #310518BF 14%, #193305 89%);

ラジアル

HEX #310518BF まで HEX #193305


CSSコード:

background-image: radial-gradient(circle, #310518BF 0%, #193305 98%);

 

HEX #193305 まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #193305 7%, #310518BF 100%);

 

HEX #193305 まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #193305 11%, #310518BF 98%);

 

HEX #310518BF まで HEX #051933


CSSコード:

background-image: linear-gradient(135deg, #310518BF 6%, #051933 93%);

 

HEX #310518BF まで HEX #051933


CSSコード:

background-image: radial-gradient(circle, #310518BF 2%, #051933 96%);

 

HEX #051933 まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #051933 1%, #310518BF 89%);

 

HEX #051933 まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #051933 7%, #310518BF 86%);

リニア

HEX #310518BF まで HEX #332805


CSSコード:

background-image: linear-gradient(135deg, #310518BF 3%, #332805 96%);

ラジアル

HEX #310518BF まで HEX #332805


CSSコード:

background-image: radial-gradient(circle, #310518BF 11%, #332805 91%);

 

HEX #332805 まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #332805 10%, #310518BF 91%);

 

HEX #332805 まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #332805 1%, #310518BF 99%);

 

HEX #310518BF まで HEX #05331F


CSSコード:

background-image: linear-gradient(135deg, #310518BF 11%, #05331F 91%);

 

HEX #310518BF まで HEX #05331F


CSSコード:

background-image: radial-gradient(circle, #310518BF 4%, #05331F 91%);

 

HEX #05331F まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #05331F 4%, #310518BF 86%);

 

HEX #05331F まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #05331F 0%, #310518BF 92%);

 

HEX #310518BF まで HEX #051033


CSSコード:

background-image: linear-gradient(135deg, #310518BF 12%, #051033 98%);

 

HEX #310518BF まで HEX #051033


CSSコード:

background-image: radial-gradient(circle, #310518BF 0%, #051033 87%);

 

HEX #051033 まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #051033 8%, #310518BF 95%);

 

HEX #051033 まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #051033 3%, #310518BF 88%);

リニア

HEX #310518BF まで HEX #303305


CSSコード:

background-image: linear-gradient(135deg, #310518BF 2%, #303305 97%);

ラジアル

HEX #310518BF まで HEX #303305


CSSコード:

background-image: radial-gradient(circle, #310518BF 14%, #303305 86%);

 

HEX #303305 まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #303305 11%, #310518BF 100%);

 

HEX #303305 まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #303305 10%, #310518BF 94%);

 

HEX #310518BF まで HEX #05331F


CSSコード:

background-image: linear-gradient(135deg, #310518BF 2%, #05331F 86%);

 

HEX #310518BF まで HEX #05331F


CSSコード:

background-image: radial-gradient(circle, #310518BF 12%, #05331F 88%);

 

HEX #05331F まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #05331F 4%, #310518BF 90%);

 

HEX #05331F まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #05331F 8%, #310518BF 91%);

 

HEX #310518BF まで HEX #080533


CSSコード:

background-image: linear-gradient(135deg, #310518BF 6%, #080533 87%);

 

HEX #310518BF まで HEX #080533


CSSコード:

background-image: radial-gradient(circle, #310518BF 8%, #080533 89%);

 

HEX #080533 まで HEX #310518BF


CSSコード:

background-image: linear-gradient(135deg, #080533 3%, #310518BF 87%);

 

HEX #080533 まで HEX #310518BF


CSSコード:

background-image: radial-gradient(circle, #080533 2%, #310518BF 93%);

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

サービス内容

カラー

ラグビー に 呪咀

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