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


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

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

今すぐ見る X

CSS グラデーション:
RGB 253 1 217

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

赤と青がこの色調を支配しているのは明らかで、赤と青の値が緑を上回っている。 明るい色:高い色彩値は明るい印象を与える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #FD01D9 まで HEX #02FE26


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 14%, #02FE26 92%);

ラジアル

HEX #FD01D9 まで HEX #02FE26


CSSコード:

background-image: radial-gradient(circle, #FD01D9 12%, #02FE26 87%);

 

HEX #02FE26 まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #02FE26 11%, #FD01D9 91%);

 

HEX #02FE26 まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #02FE26 6%, #FD01D9 91%);

リニア

HEX #FD01D9 まで HEX #DC01FD


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 12%, #DC01FD 96%);

ラジアル

HEX #FD01D9 まで HEX #DC01FD


CSSコード:

background-image: radial-gradient(circle, #FD01D9 2%, #DC01FD 97%);

 

HEX #DC01FD まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #DC01FD 3%, #FD01D9 90%);

 

HEX #DC01FD まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #DC01FD 2%, #FD01D9 94%);

 

HEX #FD01D9 まで HEX #FD01DC


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 10%, #FD01DC 93%);

 

HEX #FD01D9 まで HEX #FD01DC


CSSコード:

background-image: radial-gradient(circle, #FD01D9 2%, #FD01DC 97%);

 

HEX #FD01DC まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #FD01DC 13%, #FD01D9 94%);

 

HEX #FD01DC まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #FD01DC 1%, #FD01D9 88%);

 

HEX #FD01D9 まで HEX #FD0198


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 9%, #FD0198 100%);

 

HEX #FD01D9 まで HEX #FD0198


CSSコード:

background-image: radial-gradient(circle, #FD01D9 8%, #FD0198 95%);

 

HEX #FD0198 まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #FD0198 8%, #FD01D9 97%);

 

HEX #FD0198 まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #FD0198 9%, #FD01D9 88%);

 

HEX #FD01D9 まで HEX #FD0155


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 6%, #FD0155 92%);

 

HEX #FD01D9 まで HEX #FD0155


CSSコード:

background-image: radial-gradient(circle, #FD01D9 12%, #FD0155 91%);

 

HEX #FD0155 まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #FD0155 8%, #FD01D9 100%);

 

HEX #FD0155 まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #FD0155 5%, #FD01D9 99%);

リニア

HEX #FD01D9 まで HEX #D401B6


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 3%, #D401B6 96%);

ラジアル

HEX #FD01D9 まで HEX #D401B6


CSSコード:

background-image: radial-gradient(circle, #FD01D9 11%, #D401B6 97%);

 

HEX #D401B6 まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #D401B6 14%, #FD01D9 99%);

 

HEX #D401B6 まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #D401B6 5%, #FD01D9 86%);

 

HEX #FD01D9 まで HEX #FD2ADF


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 9%, #FD2ADF 97%);

 

HEX #FD01D9 まで HEX #FD2ADF


CSSコード:

background-image: radial-gradient(circle, #FD01D9 8%, #FD2ADF 95%);

 

HEX #FD2ADF まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #FD2ADF 10%, #FD01D9 99%);

 

HEX #FD2ADF まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #FD2ADF 14%, #FD01D9 88%);

 

HEX #FD01D9 まで HEX #FE53E5


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 8%, #FE53E5 89%);

 

HEX #FD01D9 まで HEX #FE53E5


CSSコード:

background-image: radial-gradient(circle, #FD01D9 12%, #FE53E5 94%);

 

HEX #FE53E5 まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #FE53E5 14%, #FD01D9 100%);

 

HEX #FE53E5 まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #FE53E5 12%, #FD01D9 97%);

リニア

HEX #FD01D9 まで HEX #DC01FD


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 12%, #DC01FD 93%);

ラジアル

HEX #FD01D9 まで HEX #DC01FD


CSSコード:

background-image: radial-gradient(circle, #FD01D9 3%, #DC01FD 94%);

 

HEX #DC01FD まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #DC01FD 12%, #FD01D9 93%);

 

HEX #DC01FD まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #DC01FD 12%, #FD01D9 91%);

 

HEX #FD01D9 まで HEX #FD01DC


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 14%, #FD01DC 87%);

 

HEX #FD01D9 まで HEX #FD01DC


CSSコード:

background-image: radial-gradient(circle, #FD01D9 11%, #FD01DC 98%);

 

HEX #FD01DC まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #FD01DC 5%, #FD01D9 98%);

 

HEX #FD01DC まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #FD01DC 9%, #FD01D9 90%);

 

HEX #FD01D9 まで HEX #FD0198


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 0%, #FD0198 88%);

 

HEX #FD01D9 まで HEX #FD0198


CSSコード:

background-image: radial-gradient(circle, #FD01D9 7%, #FD0198 87%);

 

HEX #FD0198 まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #FD0198 6%, #FD01D9 97%);

 

HEX #FD0198 まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #FD0198 3%, #FD01D9 95%);

 

HEX #FD01D9 まで HEX #FD0155


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 12%, #FD0155 96%);

 

HEX #FD01D9 まで HEX #FD0155


CSSコード:

background-image: radial-gradient(circle, #FD01D9 4%, #FD0155 95%);

 

HEX #FD0155 まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #FD0155 8%, #FD01D9 92%);

 

HEX #FD0155 まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #FD0155 12%, #FD01D9 87%);

リニア

HEX #FD01D9 まで HEX #D401B6


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 7%, #D401B6 93%);

ラジアル

HEX #FD01D9 まで HEX #D401B6


CSSコード:

background-image: radial-gradient(circle, #FD01D9 6%, #D401B6 97%);

 

HEX #D401B6 まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #D401B6 9%, #FD01D9 93%);

 

HEX #D401B6 まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #D401B6 3%, #FD01D9 89%);

 

HEX #FD01D9 まで HEX #FD2ADF


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 8%, #FD2ADF 89%);

 

HEX #FD01D9 まで HEX #FD2ADF


CSSコード:

background-image: radial-gradient(circle, #FD01D9 14%, #FD2ADF 94%);

 

HEX #FD2ADF まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #FD2ADF 3%, #FD01D9 89%);

 

HEX #FD2ADF まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #FD2ADF 2%, #FD01D9 90%);

 

HEX #FD01D9 まで HEX #FE53E5


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 4%, #FE53E5 92%);

 

HEX #FD01D9 まで HEX #FE53E5


CSSコード:

background-image: radial-gradient(circle, #FD01D9 2%, #FE53E5 88%);

 

HEX #FE53E5 まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #FE53E5 2%, #FD01D9 94%);

 

HEX #FE53E5 まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #FE53E5 3%, #FD01D9 99%);

リニア

HEX #FD01D9 まで HEX #FD5501


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 10%, #FD5501 92%);

ラジアル

HEX #FD01D9 まで HEX #FD5501


CSSコード:

background-image: radial-gradient(circle, #FD01D9 12%, #FD5501 100%);

 

HEX #FD5501 まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #FD5501 10%, #FD01D9 88%);

 

HEX #FD5501 まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #FD5501 1%, #FD01D9 95%);

 

HEX #FD01D9 まで HEX #01FDBA


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 0%, #01FDBA 98%);

 

HEX #FD01D9 まで HEX #01FDBA


CSSコード:

background-image: radial-gradient(circle, #FD01D9 4%, #01FDBA 96%);

 

HEX #01FDBA まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #01FDBA 5%, #FD01D9 98%);

 

HEX #01FDBA まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #01FDBA 4%, #FD01D9 96%);

リニア

HEX #FD01D9 まで HEX #DCFD01


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 1%, #DCFD01 93%);

ラジアル

HEX #FD01D9 まで HEX #DCFD01


CSSコード:

background-image: radial-gradient(circle, #FD01D9 9%, #DCFD01 94%);

 

HEX #DCFD01 まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #DCFD01 12%, #FD01D9 98%);

 

HEX #DCFD01 まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #DCFD01 3%, #FD01D9 87%);

 

HEX #FD01D9 まで HEX #01DCFD


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 9%, #01DCFD 91%);

 

HEX #FD01D9 まで HEX #01DCFD


CSSコード:

background-image: radial-gradient(circle, #FD01D9 2%, #01DCFD 97%);

 

HEX #01DCFD まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #01DCFD 5%, #FD01D9 99%);

 

HEX #01DCFD まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #01DCFD 3%, #FD01D9 90%);

リニア

HEX #FD01D9 まで HEX #FD5501


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 7%, #FD5501 90%);

ラジアル

HEX #FD01D9 まで HEX #FD5501


CSSコード:

background-image: radial-gradient(circle, #FD01D9 10%, #FD5501 100%);

 

HEX #FD5501 まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #FD5501 11%, #FD01D9 95%);

 

HEX #FD5501 まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #FD5501 6%, #FD01D9 94%);

 

HEX #FD01D9 まで HEX #01FD22


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 6%, #01FD22 91%);

 

HEX #FD01D9 まで HEX #01FD22


CSSコード:

background-image: radial-gradient(circle, #FD01D9 0%, #01FD22 91%);

 

HEX #01FD22 まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #01FD22 7%, #FD01D9 100%);

 

HEX #01FD22 まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #01FD22 2%, #FD01D9 86%);

 

HEX #FD01D9 まで HEX #01A9FD


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 13%, #01A9FD 89%);

 

HEX #FD01D9 まで HEX #01A9FD


CSSコード:

background-image: radial-gradient(circle, #FD01D9 4%, #01A9FD 100%);

 

HEX #01A9FD まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #01A9FD 8%, #FD01D9 88%);

 

HEX #01A9FD まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #01A9FD 0%, #FD01D9 86%);

リニア

HEX #FD01D9 まで HEX #FDA101


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 6%, #FDA101 90%);

ラジアル

HEX #FD01D9 まで HEX #FDA101


CSSコード:

background-image: radial-gradient(circle, #FD01D9 5%, #FDA101 96%);

 

HEX #FDA101 まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #FDA101 3%, #FD01D9 96%);

 

HEX #FDA101 まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #FDA101 0%, #FD01D9 89%);

 

HEX #FD01D9 まで HEX #01FD22


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 1%, #01FD22 98%);

 

HEX #FD01D9 まで HEX #01FD22


CSSコード:

background-image: radial-gradient(circle, #FD01D9 1%, #01FD22 98%);

 

HEX #01FD22 まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #01FD22 7%, #FD01D9 92%);

 

HEX #01FD22 まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #01FD22 1%, #FD01D9 99%);

 

HEX #FD01D9 まで HEX #015DFD


CSSコード:

background-image: linear-gradient(135deg, #FD01D9 10%, #015DFD 94%);

 

HEX #FD01D9 まで HEX #015DFD


CSSコード:

background-image: radial-gradient(circle, #FD01D9 11%, #015DFD 90%);

 

HEX #015DFD まで HEX #FD01D9


CSSコード:

background-image: linear-gradient(135deg, #015DFD 8%, #FD01D9 87%);

 

HEX #015DFD まで HEX #FD01D9


CSSコード:

background-image: radial-gradient(circle, #015DFD 2%, #FD01D9 94%);

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

サービス内容

カラー

ラグビー に 呪咀

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