新機能: APIパッケージが利用可能になりました。


複数のAPIキーを作成し、毎月のトークンクォータを管理し、qConvをアプリケーションに柔軟に統合することができます。

2025-08-15:全パッケージを紹介価格でご利用いただけます。

今すぐ見る X
error rgb: 20.9_92.2_179

CSS グラデーション:
RGB 20.9 92.2 179

インフォメーション

一網打尽



基本色調と補色などの2つの色調から、CSSが色のグラデーションを提案します。

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

ウェブデザインに簡単:CSSコードをコピーして、ウェブサイトに簡単に組み込めます。

ベースとなる色調と明るい色調など、2 つの色調から CSS で色のグラデーションを提案させます。

線形および放射状の色遷移の例を 明るい色合い から検索します。

ウェブデザインに簡単:CSS コードをコピーしてウェブサイトに簡単に組み込めます。

ベースとなる色調と暗い色調など、2 つの色調から CSS で色のグラデーションを提案させます。

線形および放射状の色遷移の例を ダークシェード から検索します。

ウェブデザインに簡単:CSS コードをコピーして、ウェブサイトに簡単に組み込めます。

表示オプション

商品説明

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

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

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

イラストでは、赤(上)、緑(右下)、青(左下)の3つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。
20.9 92.2 179 R G B
CMYK表色系では、色は次のように構成される。この色調では、最大色成分100のうち、それぞれ 88 シアン 48 マゼンタ 皆無 黄色と 30

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

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

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

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

レッツゴー

リニア

HEX #145CB3 まで HEX #EAA24C


CSSコード:

background-image: linear-gradient(135deg, #145CB3 9%, #EAA24C 92%);

ラジアル

HEX #145CB3 まで HEX #EAA24C


CSSコード:

background-image: radial-gradient(circle, #145CB3 9%, #EAA24C 100%);

 

HEX #EAA24C まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #EAA24C 5%, #145CB3 87%);

 

HEX #EAA24C まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #EAA24C 9%, #145CB3 100%);

リニア

HEX #145CB3 まで HEX #1488B2


CSSコード:

background-image: linear-gradient(135deg, #145CB3 0%, #1488B2 97%);

ラジアル

HEX #145CB3 まで HEX #1488B2


CSSコード:

background-image: radial-gradient(circle, #145CB3 8%, #1488B2 86%);

 

HEX #1488B2 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #1488B2 4%, #145CB3 99%);

 

HEX #1488B2 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #1488B2 2%, #145CB3 91%);

 

HEX #145CB3 まで HEX #145EB2


CSSコード:

background-image: linear-gradient(135deg, #145CB3 7%, #145EB2 93%);

 

HEX #145CB3 まで HEX #145EB2


CSSコード:

background-image: radial-gradient(circle, #145CB3 8%, #145EB2 90%);

 

HEX #145EB2 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #145EB2 11%, #145CB3 88%);

 

HEX #145EB2 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #145EB2 14%, #145CB3 100%);

 

HEX #145CB3 まで HEX #1434B2


CSSコード:

background-image: linear-gradient(135deg, #145CB3 5%, #1434B2 99%);

 

HEX #145CB3 まで HEX #1434B2


CSSコード:

background-image: radial-gradient(circle, #145CB3 8%, #1434B2 100%);

 

HEX #1434B2 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #1434B2 3%, #145CB3 89%);

 

HEX #1434B2 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #1434B2 11%, #145CB3 90%);

 

HEX #145CB3 まで HEX #1F14B2


CSSコード:

background-image: linear-gradient(135deg, #145CB3 7%, #1F14B2 96%);

 

HEX #145CB3 まで HEX #1F14B2


CSSコード:

background-image: radial-gradient(circle, #145CB3 13%, #1F14B2 89%);

 

HEX #1F14B2 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #1F14B2 12%, #145CB3 91%);

 

HEX #1F14B2 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #1F14B2 1%, #145CB3 90%);

リニア

HEX #145CB3 まで HEX #10488D


CSSコード:

background-image: linear-gradient(135deg, #145CB3 1%, #10488D 95%);

ラジアル

HEX #145CB3 まで HEX #10488D


CSSコード:

background-image: radial-gradient(circle, #145CB3 11%, #10488D 88%);

 

HEX #10488D まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #10488D 9%, #145CB3 95%);

 

HEX #10488D まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #10488D 9%, #145CB3 98%);

 

HEX #145CB3 まで HEX #145BB2


CSSコード:

background-image: linear-gradient(135deg, #145CB3 8%, #145BB2 98%);

 

HEX #145CB3 まで HEX #145BB2


CSSコード:

background-image: radial-gradient(circle, #145CB3 14%, #145BB2 90%);

 

HEX #145BB2 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #145BB2 9%, #145CB3 98%);

 

HEX #145BB2 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #145BB2 9%, #145CB3 87%);

 

HEX #145CB3 まで HEX #196ED6


CSSコード:

background-image: linear-gradient(135deg, #145CB3 1%, #196ED6 98%);

 

HEX #145CB3 まで HEX #196ED6


CSSコード:

background-image: radial-gradient(circle, #145CB3 2%, #196ED6 88%);

 

HEX #196ED6 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #196ED6 11%, #145CB3 100%);

 

HEX #196ED6 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #196ED6 0%, #145CB3 92%);

 

HEX #145CB3 まで HEX #3283E6


CSSコード:

background-image: linear-gradient(135deg, #145CB3 11%, #3283E6 91%);

 

HEX #145CB3 まで HEX #3283E6


CSSコード:

background-image: radial-gradient(circle, #145CB3 3%, #3283E6 90%);

 

HEX #3283E6 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #3283E6 13%, #145CB3 89%);

 

HEX #3283E6 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #3283E6 8%, #145CB3 93%);

リニア

HEX #145CB3 まで HEX #1488B2


CSSコード:

background-image: linear-gradient(135deg, #145CB3 11%, #1488B2 94%);

ラジアル

HEX #145CB3 まで HEX #1488B2


CSSコード:

background-image: radial-gradient(circle, #145CB3 2%, #1488B2 86%);

 

HEX #1488B2 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #1488B2 7%, #145CB3 98%);

 

HEX #1488B2 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #1488B2 11%, #145CB3 92%);

 

HEX #145CB3 まで HEX #145EB2


CSSコード:

background-image: linear-gradient(135deg, #145CB3 8%, #145EB2 90%);

 

HEX #145CB3 まで HEX #145EB2


CSSコード:

background-image: radial-gradient(circle, #145CB3 0%, #145EB2 96%);

 

HEX #145EB2 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #145EB2 13%, #145CB3 89%);

 

HEX #145EB2 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #145EB2 5%, #145CB3 96%);

 

HEX #145CB3 まで HEX #1434B2


CSSコード:

background-image: linear-gradient(135deg, #145CB3 3%, #1434B2 95%);

 

HEX #145CB3 まで HEX #1434B2


CSSコード:

background-image: radial-gradient(circle, #145CB3 14%, #1434B2 91%);

 

HEX #1434B2 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #1434B2 12%, #145CB3 98%);

 

HEX #1434B2 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #1434B2 0%, #145CB3 92%);

 

HEX #145CB3 まで HEX #1F14B2


CSSコード:

background-image: linear-gradient(135deg, #145CB3 3%, #1F14B2 91%);

 

HEX #145CB3 まで HEX #1F14B2


CSSコード:

background-image: radial-gradient(circle, #145CB3 12%, #1F14B2 95%);

 

HEX #1F14B2 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #1F14B2 6%, #145CB3 91%);

 

HEX #1F14B2 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #1F14B2 13%, #145CB3 94%);

リニア

HEX #145CB3 まで HEX #10488D


CSSコード:

background-image: linear-gradient(135deg, #145CB3 9%, #10488D 97%);

ラジアル

HEX #145CB3 まで HEX #10488D


CSSコード:

background-image: radial-gradient(circle, #145CB3 2%, #10488D 91%);

 

HEX #10488D まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #10488D 4%, #145CB3 88%);

 

HEX #10488D まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #10488D 4%, #145CB3 99%);

 

HEX #145CB3 まで HEX #145BB2


CSSコード:

background-image: linear-gradient(135deg, #145CB3 10%, #145BB2 100%);

 

HEX #145CB3 まで HEX #145BB2


CSSコード:

background-image: radial-gradient(circle, #145CB3 0%, #145BB2 99%);

 

HEX #145BB2 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #145BB2 7%, #145CB3 88%);

 

HEX #145BB2 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #145BB2 5%, #145CB3 100%);

 

HEX #145CB3 まで HEX #196ED6


CSSコード:

background-image: linear-gradient(135deg, #145CB3 14%, #196ED6 100%);

 

HEX #145CB3 まで HEX #196ED6


CSSコード:

background-image: radial-gradient(circle, #145CB3 11%, #196ED6 88%);

 

HEX #196ED6 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #196ED6 7%, #145CB3 91%);

 

HEX #196ED6 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #196ED6 14%, #145CB3 89%);

 

HEX #145CB3 まで HEX #3283E6


CSSコード:

background-image: linear-gradient(135deg, #145CB3 13%, #3283E6 87%);

 

HEX #145CB3 まで HEX #3283E6


CSSコード:

background-image: radial-gradient(circle, #145CB3 7%, #3283E6 87%);

 

HEX #3283E6 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #3283E6 4%, #145CB3 98%);

 

HEX #3283E6 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #3283E6 3%, #145CB3 88%);

リニア

HEX #145CB3 まで HEX #8814B2


CSSコード:

background-image: linear-gradient(135deg, #145CB3 13%, #8814B2 90%);

ラジアル

HEX #145CB3 まで HEX #8814B2


CSSコード:

background-image: radial-gradient(circle, #145CB3 0%, #8814B2 97%);

 

HEX #8814B2 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #8814B2 13%, #145CB3 97%);

 

HEX #8814B2 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #8814B2 12%, #145CB3 92%);

 

HEX #145CB3 まで HEX #9DB214


CSSコード:

background-image: linear-gradient(135deg, #145CB3 11%, #9DB214 88%);

 

HEX #145CB3 まで HEX #9DB214


CSSコード:

background-image: radial-gradient(circle, #145CB3 8%, #9DB214 89%);

 

HEX #9DB214 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #9DB214 7%, #145CB3 100%);

 

HEX #9DB214 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #9DB214 11%, #145CB3 91%);

リニア

HEX #145CB3 まで HEX #B2145E


CSSコード:

background-image: linear-gradient(135deg, #145CB3 14%, #B2145E 96%);

ラジアル

HEX #145CB3 まで HEX #B2145E


CSSコード:

background-image: radial-gradient(circle, #145CB3 1%, #B2145E 94%);

 

HEX #B2145E まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #B2145E 13%, #145CB3 93%);

 

HEX #B2145E まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #B2145E 1%, #145CB3 90%);

 

HEX #145CB3 まで HEX #5EB214


CSSコード:

background-image: linear-gradient(135deg, #145CB3 14%, #5EB214 89%);

 

HEX #145CB3 まで HEX #5EB214


CSSコード:

background-image: radial-gradient(circle, #145CB3 3%, #5EB214 88%);

 

HEX #5EB214 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #5EB214 0%, #145CB3 90%);

 

HEX #5EB214 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #5EB214 6%, #145CB3 86%);

リニア

HEX #145CB3 まで HEX #8814B2


CSSコード:

background-image: linear-gradient(135deg, #145CB3 4%, #8814B2 93%);

ラジアル

HEX #145CB3 まで HEX #8814B2


CSSコード:

background-image: radial-gradient(circle, #145CB3 1%, #8814B2 96%);

 

HEX #8814B2 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #8814B2 13%, #145CB3 97%);

 

HEX #8814B2 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #8814B2 4%, #145CB3 99%);

 

HEX #145CB3 まで HEX #B26814


CSSコード:

background-image: linear-gradient(135deg, #145CB3 13%, #B26814 99%);

 

HEX #145CB3 まで HEX #B26814


CSSコード:

background-image: radial-gradient(circle, #145CB3 6%, #B26814 86%);

 

HEX #B26814 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #B26814 1%, #145CB3 92%);

 

HEX #B26814 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #B26814 3%, #145CB3 93%);

 

HEX #145CB3 まで HEX #3EB214


CSSコード:

background-image: linear-gradient(135deg, #145CB3 12%, #3EB214 88%);

 

HEX #145CB3 まで HEX #3EB214


CSSコード:

background-image: radial-gradient(circle, #145CB3 6%, #3EB214 91%);

 

HEX #3EB214 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #3EB214 14%, #145CB3 96%);

 

HEX #3EB214 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #3EB214 1%, #145CB3 97%);

リニア

HEX #145CB3 まで HEX #B214AC


CSSコード:

background-image: linear-gradient(135deg, #145CB3 8%, #B214AC 97%);

ラジアル

HEX #145CB3 まで HEX #B214AC


CSSコード:

background-image: radial-gradient(circle, #145CB3 2%, #B214AC 91%);

 

HEX #B214AC まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #B214AC 3%, #145CB3 100%);

 

HEX #B214AC まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #B214AC 14%, #145CB3 95%);

 

HEX #145CB3 まで HEX #B26814


CSSコード:

background-image: linear-gradient(135deg, #145CB3 13%, #B26814 99%);

 

HEX #145CB3 まで HEX #B26814


CSSコード:

background-image: radial-gradient(circle, #145CB3 11%, #B26814 99%);

 

HEX #B26814 まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #B26814 1%, #145CB3 98%);

 

HEX #B26814 まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #B26814 1%, #145CB3 95%);

 

HEX #145CB3 まで HEX #14B21A


CSSコード:

background-image: linear-gradient(135deg, #145CB3 9%, #14B21A 96%);

 

HEX #145CB3 まで HEX #14B21A


CSSコード:

background-image: radial-gradient(circle, #145CB3 10%, #14B21A 95%);

 

HEX #14B21A まで HEX #145CB3


CSSコード:

background-image: linear-gradient(135deg, #14B21A 3%, #145CB3 91%);

 

HEX #14B21A まで HEX #145CB3


CSSコード:

background-image: radial-gradient(circle, #14B21A 11%, #145CB3 100%);

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

サービス内容

カラー

ラグビー に 呪咀

から変換する 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, you must be logged in.

Sign 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 link you want.

Share

OK, I have copied the links

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

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

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