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


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

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

今すぐ見る X

CSS グラデーション:
#DA007C

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

赤と青がこの色調を支配しているのは明らかで、赤と青の値が緑を上回っている。 暗い色:色の値が低いと暗く見える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #DA007C まで HEX #25FF83


CSSコード:

background-image: linear-gradient(135deg, #DA007C 1%, #25FF83 88%);

ラジアル

HEX #DA007C まで HEX #25FF83


CSSコード:

background-image: radial-gradient(circle, #DA007C 7%, #25FF83 100%);

 

HEX #25FF83 まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #25FF83 12%, #DA007C 90%);

 

HEX #25FF83 まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #25FF83 1%, #DA007C 90%);

リニア

HEX #DA007C まで HEX #DB00BA


CSSコード:

background-image: linear-gradient(135deg, #DA007C 1%, #DB00BA 94%);

ラジアル

HEX #DA007C まで HEX #DB00BA


CSSコード:

background-image: radial-gradient(circle, #DA007C 10%, #DB00BA 97%);

 

HEX #DB00BA まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #DB00BA 1%, #DA007C 97%);

 

HEX #DB00BA まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #DB00BA 10%, #DA007C 99%);

 

HEX #DA007C まで HEX #DB007F


CSSコード:

background-image: linear-gradient(135deg, #DA007C 4%, #DB007F 96%);

 

HEX #DA007C まで HEX #DB007F


CSSコード:

background-image: radial-gradient(circle, #DA007C 14%, #DB007F 88%);

 

HEX #DB007F まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #DB007F 11%, #DA007C 99%);

 

HEX #DB007F まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #DB007F 12%, #DA007C 90%);

 

HEX #DA007C まで HEX #DB0045


CSSコード:

background-image: linear-gradient(135deg, #DA007C 2%, #DB0045 88%);

 

HEX #DA007C まで HEX #DB0045


CSSコード:

background-image: radial-gradient(circle, #DA007C 9%, #DB0045 97%);

 

HEX #DB0045 まで HEX #DA007C


CSSコード:

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

 

HEX #DB0045 まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #DB0045 4%, #DA007C 97%);

 

HEX #DA007C まで HEX #DB000A


CSSコード:

background-image: linear-gradient(135deg, #DA007C 0%, #DB000A 100%);

 

HEX #DA007C まで HEX #DB000A


CSSコード:

background-image: radial-gradient(circle, #DA007C 11%, #DB000A 86%);

 

HEX #DB000A まで HEX #DA007C


CSSコード:

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

 

HEX #DB000A まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #DB000A 8%, #DA007C 87%);

リニア

HEX #DA007C まで HEX #B20065


CSSコード:

background-image: linear-gradient(135deg, #DA007C 3%, #B20065 87%);

ラジアル

HEX #DA007C まで HEX #B20065


CSSコード:

background-image: radial-gradient(circle, #DA007C 9%, #B20065 98%);

 

HEX #B20065 まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #B20065 9%, #DA007C 92%);

 

HEX #B20065 まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #B20065 2%, #DA007C 87%);

 

HEX #DA007C まで HEX #DB007C


CSSコード:

background-image: linear-gradient(135deg, #DA007C 14%, #DB007C 92%);

 

HEX #DA007C まで HEX #DB007C


CSSコード:

background-image: radial-gradient(circle, #DA007C 0%, #DB007C 87%);

 

HEX #DB007C まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #DB007C 4%, #DA007C 87%);

 

HEX #DB007C まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #DB007C 3%, #DA007C 97%);

 

HEX #DA007C まで HEX #FF0593


CSSコード:

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

 

HEX #DA007C まで HEX #FF0593


CSSコード:

background-image: radial-gradient(circle, #DA007C 1%, #FF0593 93%);

 

HEX #FF0593 まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #FF0593 2%, #DA007C 100%);

 

HEX #FF0593 まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #FF0593 0%, #DA007C 94%);

 

HEX #DA007C まで HEX #FF2EA5


CSSコード:

background-image: linear-gradient(135deg, #DA007C 9%, #FF2EA5 91%);

 

HEX #DA007C まで HEX #FF2EA5


CSSコード:

background-image: radial-gradient(circle, #DA007C 0%, #FF2EA5 92%);

 

HEX #FF2EA5 まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #FF2EA5 5%, #DA007C 89%);

 

HEX #FF2EA5 まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #FF2EA5 13%, #DA007C 88%);

リニア

HEX #DA007C まで HEX #DB00BA


CSSコード:

background-image: linear-gradient(135deg, #DA007C 3%, #DB00BA 95%);

ラジアル

HEX #DA007C まで HEX #DB00BA


CSSコード:

background-image: radial-gradient(circle, #DA007C 11%, #DB00BA 90%);

 

HEX #DB00BA まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #DB00BA 2%, #DA007C 87%);

 

HEX #DB00BA まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #DB00BA 9%, #DA007C 87%);

 

HEX #DA007C まで HEX #DB007F


CSSコード:

background-image: linear-gradient(135deg, #DA007C 3%, #DB007F 92%);

 

HEX #DA007C まで HEX #DB007F


CSSコード:

background-image: radial-gradient(circle, #DA007C 3%, #DB007F 98%);

 

HEX #DB007F まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #DB007F 7%, #DA007C 98%);

 

HEX #DB007F まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #DB007F 12%, #DA007C 99%);

 

HEX #DA007C まで HEX #DB0045


CSSコード:

background-image: linear-gradient(135deg, #DA007C 14%, #DB0045 91%);

 

HEX #DA007C まで HEX #DB0045


CSSコード:

background-image: radial-gradient(circle, #DA007C 7%, #DB0045 91%);

 

HEX #DB0045 まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #DB0045 12%, #DA007C 88%);

 

HEX #DB0045 まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #DB0045 8%, #DA007C 90%);

 

HEX #DA007C まで HEX #DB000A


CSSコード:

background-image: linear-gradient(135deg, #DA007C 1%, #DB000A 92%);

 

HEX #DA007C まで HEX #DB000A


CSSコード:

background-image: radial-gradient(circle, #DA007C 9%, #DB000A 95%);

 

HEX #DB000A まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #DB000A 0%, #DA007C 98%);

 

HEX #DB000A まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #DB000A 6%, #DA007C 90%);

リニア

HEX #DA007C まで HEX #B20065


CSSコード:

background-image: linear-gradient(135deg, #DA007C 0%, #B20065 91%);

ラジアル

HEX #DA007C まで HEX #B20065


CSSコード:

background-image: radial-gradient(circle, #DA007C 13%, #B20065 93%);

 

HEX #B20065 まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #B20065 1%, #DA007C 95%);

 

HEX #B20065 まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #B20065 9%, #DA007C 88%);

 

HEX #DA007C まで HEX #DB007C


CSSコード:

background-image: linear-gradient(135deg, #DA007C 12%, #DB007C 91%);

 

HEX #DA007C まで HEX #DB007C


CSSコード:

background-image: radial-gradient(circle, #DA007C 3%, #DB007C 93%);

 

HEX #DB007C まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #DB007C 14%, #DA007C 90%);

 

HEX #DB007C まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #DB007C 3%, #DA007C 97%);

 

HEX #DA007C まで HEX #FF0593


CSSコード:

background-image: linear-gradient(135deg, #DA007C 11%, #FF0593 98%);

 

HEX #DA007C まで HEX #FF0593


CSSコード:

background-image: radial-gradient(circle, #DA007C 8%, #FF0593 87%);

 

HEX #FF0593 まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #FF0593 11%, #DA007C 90%);

 

HEX #FF0593 まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #FF0593 0%, #DA007C 90%);

 

HEX #DA007C まで HEX #FF2EA5


CSSコード:

background-image: linear-gradient(135deg, #DA007C 4%, #FF2EA5 96%);

 

HEX #DA007C まで HEX #FF2EA5


CSSコード:

background-image: radial-gradient(circle, #DA007C 1%, #FF2EA5 90%);

 

HEX #FF2EA5 まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #FF2EA5 11%, #DA007C 99%);

 

HEX #FF2EA5 まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #FF2EA5 3%, #DA007C 86%);

リニア

HEX #DA007C まで HEX #DB8700


CSSコード:

background-image: linear-gradient(135deg, #DA007C 3%, #DB8700 95%);

ラジアル

HEX #DA007C まで HEX #DB8700


CSSコード:

background-image: radial-gradient(circle, #DA007C 12%, #DB8700 88%);

 

HEX #DB8700 まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #DB8700 11%, #DA007C 97%);

 

HEX #DB8700 まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #DB8700 10%, #DA007C 87%);

 

HEX #DA007C まで HEX #00D7DB


CSSコード:

background-image: linear-gradient(135deg, #DA007C 9%, #00D7DB 99%);

 

HEX #DA007C まで HEX #00D7DB


CSSコード:

background-image: radial-gradient(circle, #DA007C 0%, #00D7DB 88%);

 

HEX #00D7DB まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #00D7DB 6%, #DA007C 100%);

 

HEX #00D7DB まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #00D7DB 7%, #DA007C 87%);

リニア

HEX #DA007C まで HEX #7FDB00


CSSコード:

background-image: linear-gradient(135deg, #DA007C 7%, #7FDB00 86%);

ラジアル

HEX #DA007C まで HEX #7FDB00


CSSコード:

background-image: radial-gradient(circle, #DA007C 8%, #7FDB00 100%);

 

HEX #7FDB00 まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #7FDB00 0%, #DA007C 98%);

 

HEX #7FDB00 まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #7FDB00 5%, #DA007C 86%);

 

HEX #DA007C まで HEX #007FDB


CSSコード:

background-image: linear-gradient(135deg, #DA007C 12%, #007FDB 90%);

 

HEX #DA007C まで HEX #007FDB


CSSコード:

background-image: radial-gradient(circle, #DA007C 6%, #007FDB 91%);

 

HEX #007FDB まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #007FDB 12%, #DA007C 92%);

 

HEX #007FDB まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #007FDB 14%, #DA007C 100%);

リニア

HEX #DA007C まで HEX #DB8700


CSSコード:

background-image: linear-gradient(135deg, #DA007C 13%, #DB8700 98%);

ラジアル

HEX #DA007C まで HEX #DB8700


CSSコード:

background-image: radial-gradient(circle, #DA007C 4%, #DB8700 96%);

 

HEX #DB8700 まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #DB8700 0%, #DA007C 96%);

 

HEX #DB8700 まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #DB8700 14%, #DA007C 89%);

 

HEX #DA007C まで HEX #00DB5B


CSSコード:

background-image: linear-gradient(135deg, #DA007C 8%, #00DB5B 95%);

 

HEX #DA007C まで HEX #00DB5B


CSSコード:

background-image: radial-gradient(circle, #DA007C 2%, #00DB5B 99%);

 

HEX #00DB5B まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #00DB5B 14%, #DA007C 98%);

 

HEX #00DB5B まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #00DB5B 2%, #DA007C 87%);

 

HEX #DA007C まで HEX #0054DB


CSSコード:

background-image: linear-gradient(135deg, #DA007C 5%, #0054DB 88%);

 

HEX #DA007C まで HEX #0054DB


CSSコード:

background-image: radial-gradient(circle, #DA007C 3%, #0054DB 88%);

 

HEX #0054DB まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #0054DB 11%, #DA007C 94%);

 

HEX #0054DB まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #0054DB 9%, #DA007C 100%);

リニア

HEX #DA007C まで HEX #DBC900


CSSコード:

background-image: linear-gradient(135deg, #DA007C 2%, #DBC900 100%);

ラジアル

HEX #DA007C まで HEX #DBC900


CSSコード:

background-image: radial-gradient(circle, #DA007C 2%, #DBC900 87%);

 

HEX #DBC900 まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #DBC900 14%, #DA007C 97%);

 

HEX #DBC900 まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #DBC900 12%, #DA007C 97%);

 

HEX #DA007C まで HEX #00DB5B


CSSコード:

background-image: linear-gradient(135deg, #DA007C 0%, #00DB5B 99%);

 

HEX #DA007C まで HEX #00DB5B


CSSコード:

background-image: radial-gradient(circle, #DA007C 10%, #00DB5B 87%);

 

HEX #00DB5B まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #00DB5B 2%, #DA007C 88%);

 

HEX #00DB5B まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #00DB5B 13%, #DA007C 91%);

 

HEX #DA007C まで HEX #0012DB


CSSコード:

background-image: linear-gradient(135deg, #DA007C 2%, #0012DB 86%);

 

HEX #DA007C まで HEX #0012DB


CSSコード:

background-image: radial-gradient(circle, #DA007C 13%, #0012DB 86%);

 

HEX #0012DB まで HEX #DA007C


CSSコード:

background-image: linear-gradient(135deg, #0012DB 8%, #DA007C 90%);

 

HEX #0012DB まで HEX #DA007C


CSSコード:

background-image: radial-gradient(circle, #0012DB 10%, #DA007C 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.