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


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

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

今すぐ見る X

CSS グラデーション:
#71DBDA

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

明るい色:高い色彩値は明るい印象を与える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #71DBDA まで HEX #8E2425


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 1%, #8E2425 100%);

ラジアル

HEX #71DBDA まで HEX #8E2425


CSSコード:

background-image: radial-gradient(circle, #71DBDA 8%, #8E2425 94%);

 

HEX #8E2425 まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #8E2425 0%, #71DBDA 100%);

 

HEX #8E2425 まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #8E2425 3%, #71DBDA 89%);

リニア

HEX #71DBDA まで HEX #70DBBC


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 6%, #70DBBC 92%);

ラジアル

HEX #71DBDA まで HEX #70DBBC


CSSコード:

background-image: radial-gradient(circle, #71DBDA 13%, #70DBBC 92%);

 

HEX #70DBBC まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #70DBBC 9%, #71DBDA 93%);

 

HEX #70DBBC まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #70DBBC 5%, #71DBDA 94%);

 

HEX #71DBDA まで HEX #70DBD9


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 5%, #70DBD9 95%);

 

HEX #71DBDA まで HEX #70DBD9


CSSコード:

background-image: radial-gradient(circle, #71DBDA 3%, #70DBD9 92%);

 

HEX #70DBD9 まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #70DBD9 10%, #71DBDA 92%);

 

HEX #70DBD9 まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #70DBD9 2%, #71DBDA 94%);

 

HEX #71DBDA まで HEX #70C0DB


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 6%, #70C0DB 99%);

 

HEX #71DBDA まで HEX #70C0DB


CSSコード:

background-image: radial-gradient(circle, #71DBDA 4%, #70C0DB 99%);

 

HEX #70C0DB まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #70C0DB 1%, #71DBDA 96%);

 

HEX #70C0DB まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #70C0DB 3%, #71DBDA 86%);

 

HEX #71DBDA まで HEX #70A3DB


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 6%, #70A3DB 92%);

 

HEX #71DBDA まで HEX #70A3DB


CSSコード:

background-image: radial-gradient(circle, #71DBDA 5%, #70A3DB 99%);

 

HEX #70A3DB まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #70A3DB 3%, #71DBDA 88%);

 

HEX #70A3DB まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #70A3DB 13%, #71DBDA 99%);

リニア

HEX #71DBDA まで HEX #4FD3D1


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 10%, #4FD3D1 95%);

ラジアル

HEX #71DBDA まで HEX #4FD3D1


CSSコード:

background-image: radial-gradient(circle, #71DBDA 11%, #4FD3D1 96%);

 

HEX #4FD3D1 まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #4FD3D1 0%, #71DBDA 93%);

 

HEX #4FD3D1 まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #4FD3D1 2%, #71DBDA 100%);

 

HEX #71DBDA まで HEX #70DBDA


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 14%, #70DBDA 90%);

 

HEX #71DBDA まで HEX #70DBDA


CSSコード:

background-image: radial-gradient(circle, #71DBDA 0%, #70DBDA 88%);

 

HEX #70DBDA まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #70DBDA 13%, #71DBDA 94%);

 

HEX #70DBDA まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #70DBDA 10%, #71DBDA 91%);

 

HEX #71DBDA まで HEX #91E3E2


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 3%, #91E3E2 97%);

 

HEX #71DBDA まで HEX #91E3E2


CSSコード:

background-image: radial-gradient(circle, #71DBDA 4%, #91E3E2 91%);

 

HEX #91E3E2 まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #91E3E2 5%, #71DBDA 93%);

 

HEX #91E3E2 まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #91E3E2 4%, #71DBDA 98%);

 

HEX #71DBDA まで HEX #B2EBEB


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 5%, #B2EBEB 87%);

 

HEX #71DBDA まで HEX #B2EBEB


CSSコード:

background-image: radial-gradient(circle, #71DBDA 13%, #B2EBEB 94%);

 

HEX #B2EBEB まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #B2EBEB 14%, #71DBDA 94%);

 

HEX #B2EBEB まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #B2EBEB 2%, #71DBDA 88%);

リニア

HEX #71DBDA まで HEX #70DBBC


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 3%, #70DBBC 86%);

ラジアル

HEX #71DBDA まで HEX #70DBBC


CSSコード:

background-image: radial-gradient(circle, #71DBDA 9%, #70DBBC 99%);

 

HEX #70DBBC まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #70DBBC 7%, #71DBDA 89%);

 

HEX #70DBBC まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #70DBBC 6%, #71DBDA 89%);

 

HEX #71DBDA まで HEX #70DBD9


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 7%, #70DBD9 88%);

 

HEX #71DBDA まで HEX #70DBD9


CSSコード:

background-image: radial-gradient(circle, #71DBDA 13%, #70DBD9 86%);

 

HEX #70DBD9 まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #70DBD9 1%, #71DBDA 98%);

 

HEX #70DBD9 まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #70DBD9 12%, #71DBDA 100%);

 

HEX #71DBDA まで HEX #70C0DB


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 10%, #70C0DB 88%);

 

HEX #71DBDA まで HEX #70C0DB


CSSコード:

background-image: radial-gradient(circle, #71DBDA 9%, #70C0DB 86%);

 

HEX #70C0DB まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #70C0DB 0%, #71DBDA 91%);

 

HEX #70C0DB まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #70C0DB 8%, #71DBDA 89%);

 

HEX #71DBDA まで HEX #70A3DB


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 12%, #70A3DB 91%);

 

HEX #71DBDA まで HEX #70A3DB


CSSコード:

background-image: radial-gradient(circle, #71DBDA 4%, #70A3DB 94%);

 

HEX #70A3DB まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #70A3DB 11%, #71DBDA 90%);

 

HEX #70A3DB まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #70A3DB 8%, #71DBDA 86%);

リニア

HEX #71DBDA まで HEX #4FD3D1


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 14%, #4FD3D1 91%);

ラジアル

HEX #71DBDA まで HEX #4FD3D1


CSSコード:

background-image: radial-gradient(circle, #71DBDA 10%, #4FD3D1 100%);

 

HEX #4FD3D1 まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #4FD3D1 11%, #71DBDA 99%);

 

HEX #4FD3D1 まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #4FD3D1 1%, #71DBDA 97%);

 

HEX #71DBDA まで HEX #70DBDA


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 10%, #70DBDA 93%);

 

HEX #71DBDA まで HEX #70DBDA


CSSコード:

background-image: radial-gradient(circle, #71DBDA 13%, #70DBDA 100%);

 

HEX #70DBDA まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #70DBDA 11%, #71DBDA 96%);

 

HEX #70DBDA まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #70DBDA 11%, #71DBDA 100%);

 

HEX #71DBDA まで HEX #91E3E2


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 14%, #91E3E2 98%);

 

HEX #71DBDA まで HEX #91E3E2


CSSコード:

background-image: radial-gradient(circle, #71DBDA 5%, #91E3E2 97%);

 

HEX #91E3E2 まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #91E3E2 12%, #71DBDA 97%);

 

HEX #91E3E2 まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #91E3E2 8%, #71DBDA 99%);

 

HEX #71DBDA まで HEX #B2EBEB


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 7%, #B2EBEB 86%);

 

HEX #71DBDA まで HEX #B2EBEB


CSSコード:

background-image: radial-gradient(circle, #71DBDA 7%, #B2EBEB 93%);

 

HEX #B2EBEB まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #B2EBEB 0%, #71DBDA 94%);

 

HEX #B2EBEB まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #B2EBEB 9%, #71DBDA 93%);

リニア

HEX #71DBDA まで HEX #8370DB


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 2%, #8370DB 100%);

ラジアル

HEX #71DBDA まで HEX #8370DB


CSSコード:

background-image: radial-gradient(circle, #71DBDA 10%, #8370DB 98%);

 

HEX #8370DB まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #8370DB 6%, #71DBDA 99%);

 

HEX #8370DB まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #8370DB 0%, #71DBDA 96%);

 

HEX #71DBDA まで HEX #DBAE70


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 13%, #DBAE70 92%);

 

HEX #71DBDA まで HEX #DBAE70


CSSコード:

background-image: radial-gradient(circle, #71DBDA 9%, #DBAE70 87%);

 

HEX #DBAE70 まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #DBAE70 14%, #71DBDA 92%);

 

HEX #DBAE70 まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #DBAE70 13%, #71DBDA 91%);

リニア

HEX #71DBDA まで HEX #D970DB


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 5%, #D970DB 86%);

ラジアル

HEX #71DBDA まで HEX #D970DB


CSSコード:

background-image: radial-gradient(circle, #71DBDA 0%, #D970DB 100%);

 

HEX #D970DB まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #D970DB 2%, #71DBDA 98%);

 

HEX #D970DB まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #D970DB 14%, #71DBDA 96%);

 

HEX #71DBDA まで HEX #DBD970


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 4%, #DBD970 99%);

 

HEX #71DBDA まで HEX #DBD970


CSSコード:

background-image: radial-gradient(circle, #71DBDA 0%, #DBD970 100%);

 

HEX #DBD970 まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #DBD970 4%, #71DBDA 95%);

 

HEX #DBD970 まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #DBD970 2%, #71DBDA 91%);

リニア

HEX #71DBDA まで HEX #8370DB


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 14%, #8370DB 95%);

ラジアル

HEX #71DBDA まで HEX #8370DB


CSSコード:

background-image: radial-gradient(circle, #71DBDA 8%, #8370DB 93%);

 

HEX #8370DB まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #8370DB 14%, #71DBDA 94%);

 

HEX #8370DB まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #8370DB 9%, #71DBDA 89%);

 

HEX #71DBDA まで HEX #DB7071


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 4%, #DB7071 86%);

 

HEX #71DBDA まで HEX #DB7071


CSSコード:

background-image: radial-gradient(circle, #71DBDA 12%, #DB7071 92%);

 

HEX #DB7071 まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #DB7071 10%, #71DBDA 99%);

 

HEX #DB7071 まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #DB7071 11%, #71DBDA 95%);

 

HEX #71DBDA まで HEX #C7DB70


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 0%, #C7DB70 93%);

 

HEX #71DBDA まで HEX #C7DB70


CSSコード:

background-image: radial-gradient(circle, #71DBDA 5%, #C7DB70 91%);

 

HEX #C7DB70 まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #C7DB70 4%, #71DBDA 98%);

 

HEX #C7DB70 まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #C7DB70 6%, #71DBDA 88%);

リニア

HEX #71DBDA まで HEX #A370DB


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 2%, #A370DB 93%);

ラジアル

HEX #71DBDA まで HEX #A370DB


CSSコード:

background-image: radial-gradient(circle, #71DBDA 3%, #A370DB 100%);

 

HEX #A370DB まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #A370DB 9%, #71DBDA 95%);

 

HEX #A370DB まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #A370DB 6%, #71DBDA 98%);

 

HEX #71DBDA まで HEX #DB7071


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 13%, #DB7071 93%);

 

HEX #71DBDA まで HEX #DB7071


CSSコード:

background-image: radial-gradient(circle, #71DBDA 13%, #DB7071 96%);

 

HEX #DB7071 まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #DB7071 4%, #71DBDA 99%);

 

HEX #DB7071 まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #DB7071 7%, #71DBDA 97%);

 

HEX #71DBDA まで HEX #A7DB70


CSSコード:

background-image: linear-gradient(135deg, #71DBDA 11%, #A7DB70 87%);

 

HEX #71DBDA まで HEX #A7DB70


CSSコード:

background-image: radial-gradient(circle, #71DBDA 12%, #A7DB70 91%);

 

HEX #A7DB70 まで HEX #71DBDA


CSSコード:

background-image: linear-gradient(135deg, #A7DB70 8%, #71DBDA 98%);

 

HEX #A7DB70 まで HEX #71DBDA


CSSコード:

background-image: radial-gradient(circle, #A7DB70 13%, #71DBDA 96%);

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

サービス内容

カラー

ラグビー に 呪咀

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