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

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

APIパッケージと価格 X

CSS グラデーション:
#DAFD86

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #DAFD86 まで HEX #250279


CSSコード:

background-image: linear-gradient(135deg, #DAFD86 12%, #250279 86%);

ラジアル

HEX #DAFD86 まで HEX #250279


CSSコード:

background-image: radial-gradient(circle, #DAFD86 5%, #250279 90%);

 

HEX #250279 まで HEX #DAFD86


CSSコード:

background-image: linear-gradient(135deg, #250279 6%, #DAFD86 100%);

 

HEX #250279 まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #250279 8%, #DAFD86 86%);

リニア

HEX #DAFD86 まで HEX #FBFD86


CSSコード:

background-image: linear-gradient(135deg, #DAFD86 13%, #FBFD86 91%);

ラジアル

HEX #DAFD86 まで HEX #FBFD86


CSSコード:

background-image: radial-gradient(circle, #DAFD86 13%, #FBFD86 95%);

 

HEX #FBFD86 まで HEX #DAFD86


CSSコード:

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

 

HEX #FBFD86 まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #FBFD86 5%, #DAFD86 98%);

 

HEX #DAFD86 まで HEX #DCFD86


CSSコード:

background-image: linear-gradient(135deg, #DAFD86 13%, #DCFD86 86%);

 

HEX #DAFD86 まで HEX #DCFD86


CSSコード:

background-image: radial-gradient(circle, #DAFD86 8%, #DCFD86 93%);

 

HEX #DCFD86 まで HEX #DAFD86


CSSコード:

background-image: linear-gradient(135deg, #DCFD86 7%, #DAFD86 91%);

 

HEX #DCFD86 まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #DCFD86 8%, #DAFD86 96%);

 

HEX #DAFD86 まで HEX #BCFD86


CSSコード:

background-image: linear-gradient(135deg, #DAFD86 12%, #BCFD86 92%);

 

HEX #DAFD86 まで HEX #BCFD86


CSSコード:

background-image: radial-gradient(circle, #DAFD86 0%, #BCFD86 89%);

 

HEX #BCFD86 まで HEX #DAFD86


CSSコード:

background-image: linear-gradient(135deg, #BCFD86 4%, #DAFD86 98%);

 

HEX #BCFD86 まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #BCFD86 5%, #DAFD86 89%);

 

HEX #DAFD86 まで HEX #9CFD86


CSSコード:

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

 

HEX #DAFD86 まで HEX #9CFD86


CSSコード:

background-image: radial-gradient(circle, #DAFD86 13%, #9CFD86 89%);

 

HEX #9CFD86 まで HEX #DAFD86


CSSコード:

background-image: linear-gradient(135deg, #9CFD86 5%, #DAFD86 93%);

 

HEX #9CFD86 まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #9CFD86 9%, #DAFD86 93%);

リニア

HEX #DAFD86 まで HEX #CEFD5E


CSSコード:

background-image: linear-gradient(135deg, #DAFD86 2%, #CEFD5E 90%);

ラジアル

HEX #DAFD86 まで HEX #CEFD5E


CSSコード:

background-image: radial-gradient(circle, #DAFD86 1%, #CEFD5E 96%);

 

HEX #CEFD5E まで HEX #DAFD86


CSSコード:

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

 

HEX #CEFD5E まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #CEFD5E 1%, #DAFD86 97%);

 

HEX #DAFD86 まで HEX #E7FEAF


CSSコード:

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

 

HEX #DAFD86 まで HEX #E7FEAF


CSSコード:

background-image: radial-gradient(circle, #DAFD86 12%, #E7FEAF 87%);

 

HEX #E7FEAF まで HEX #DAFD86


CSSコード:

background-image: linear-gradient(135deg, #E7FEAF 10%, #DAFD86 91%);

 

HEX #E7FEAF まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #E7FEAF 7%, #DAFD86 94%);

 

HEX #DAFD86 まで HEX #F3FED8


CSSコード:

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

 

HEX #DAFD86 まで HEX #F3FED8


CSSコード:

background-image: radial-gradient(circle, #DAFD86 7%, #F3FED8 92%);

 

HEX #F3FED8 まで HEX #DAFD86


CSSコード:

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

 

HEX #F3FED8 まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #F3FED8 7%, #DAFD86 90%);

リニア

HEX #DAFD86 まで HEX #FBFD86


CSSコード:

background-image: linear-gradient(135deg, #DAFD86 12%, #FBFD86 100%);

ラジアル

HEX #DAFD86 まで HEX #FBFD86


CSSコード:

background-image: radial-gradient(circle, #DAFD86 12%, #FBFD86 99%);

 

HEX #FBFD86 まで HEX #DAFD86


CSSコード:

background-image: linear-gradient(135deg, #FBFD86 5%, #DAFD86 92%);

 

HEX #FBFD86 まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #FBFD86 3%, #DAFD86 87%);

 

HEX #DAFD86 まで HEX #DCFD86


CSSコード:

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

 

HEX #DAFD86 まで HEX #DCFD86


CSSコード:

background-image: radial-gradient(circle, #DAFD86 1%, #DCFD86 95%);

 

HEX #DCFD86 まで HEX #DAFD86


CSSコード:

background-image: linear-gradient(135deg, #DCFD86 14%, #DAFD86 93%);

 

HEX #DCFD86 まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #DCFD86 14%, #DAFD86 88%);

 

HEX #DAFD86 まで HEX #BCFD86


CSSコード:

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

 

HEX #DAFD86 まで HEX #BCFD86


CSSコード:

background-image: radial-gradient(circle, #DAFD86 6%, #BCFD86 86%);

 

HEX #BCFD86 まで HEX #DAFD86


CSSコード:

background-image: linear-gradient(135deg, #BCFD86 1%, #DAFD86 96%);

 

HEX #BCFD86 まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #BCFD86 9%, #DAFD86 89%);

 

HEX #DAFD86 まで HEX #9CFD86


CSSコード:

background-image: linear-gradient(135deg, #DAFD86 2%, #9CFD86 91%);

 

HEX #DAFD86 まで HEX #9CFD86


CSSコード:

background-image: radial-gradient(circle, #DAFD86 9%, #9CFD86 89%);

 

HEX #9CFD86 まで HEX #DAFD86


CSSコード:

background-image: linear-gradient(135deg, #9CFD86 4%, #DAFD86 100%);

 

HEX #9CFD86 まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #9CFD86 9%, #DAFD86 88%);

リニア

HEX #DAFD86 まで HEX #CEFD5E


CSSコード:

background-image: linear-gradient(135deg, #DAFD86 4%, #CEFD5E 94%);

ラジアル

HEX #DAFD86 まで HEX #CEFD5E


CSSコード:

background-image: radial-gradient(circle, #DAFD86 5%, #CEFD5E 90%);

 

HEX #CEFD5E まで HEX #DAFD86


CSSコード:

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

 

HEX #CEFD5E まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #CEFD5E 8%, #DAFD86 96%);

 

HEX #DAFD86 まで HEX #E7FEAF


CSSコード:

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

 

HEX #DAFD86 まで HEX #E7FEAF


CSSコード:

background-image: radial-gradient(circle, #DAFD86 13%, #E7FEAF 88%);

 

HEX #E7FEAF まで HEX #DAFD86


CSSコード:

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

 

HEX #E7FEAF まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #E7FEAF 0%, #DAFD86 88%);

 

HEX #DAFD86 まで HEX #F3FED8


CSSコード:

background-image: linear-gradient(135deg, #DAFD86 1%, #F3FED8 99%);

 

HEX #DAFD86 まで HEX #F3FED8


CSSコード:

background-image: radial-gradient(circle, #DAFD86 1%, #F3FED8 86%);

 

HEX #F3FED8 まで HEX #DAFD86


CSSコード:

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

 

HEX #F3FED8 まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #F3FED8 7%, #DAFD86 100%);

リニア

HEX #DAFD86 まで HEX #86FDC0


CSSコード:

background-image: linear-gradient(135deg, #DAFD86 9%, #86FDC0 95%);

ラジアル

HEX #DAFD86 まで HEX #86FDC0


CSSコード:

background-image: radial-gradient(circle, #DAFD86 11%, #86FDC0 88%);

 

HEX #86FDC0 まで HEX #DAFD86


CSSコード:

background-image: linear-gradient(135deg, #86FDC0 2%, #DAFD86 86%);

 

HEX #86FDC0 まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #86FDC0 0%, #DAFD86 94%);

 

HEX #DAFD86 まで HEX #EF86FD


CSSコード:

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

 

HEX #DAFD86 まで HEX #EF86FD


CSSコード:

background-image: radial-gradient(circle, #DAFD86 10%, #EF86FD 100%);

 

HEX #EF86FD まで HEX #DAFD86


CSSコード:

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

 

HEX #EF86FD まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #EF86FD 1%, #DAFD86 88%);

リニア

HEX #DAFD86 まで HEX #86DCFD


CSSコード:

background-image: linear-gradient(135deg, #DAFD86 14%, #86DCFD 90%);

ラジアル

HEX #DAFD86 まで HEX #86DCFD


CSSコード:

background-image: radial-gradient(circle, #DAFD86 3%, #86DCFD 93%);

 

HEX #86DCFD まで HEX #DAFD86


CSSコード:

background-image: linear-gradient(135deg, #86DCFD 8%, #DAFD86 86%);

 

HEX #86DCFD まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #86DCFD 13%, #DAFD86 86%);

 

HEX #DAFD86 まで HEX #FD86DC


CSSコード:

background-image: linear-gradient(135deg, #DAFD86 12%, #FD86DC 94%);

 

HEX #DAFD86 まで HEX #FD86DC


CSSコード:

background-image: radial-gradient(circle, #DAFD86 14%, #FD86DC 88%);

 

HEX #FD86DC まで HEX #DAFD86


CSSコード:

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

 

HEX #FD86DC まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #FD86DC 9%, #DAFD86 97%);

リニア

HEX #DAFD86 まで HEX #86FDC0


CSSコード:

background-image: linear-gradient(135deg, #DAFD86 3%, #86FDC0 96%);

ラジアル

HEX #DAFD86 まで HEX #86FDC0


CSSコード:

background-image: radial-gradient(circle, #DAFD86 8%, #86FDC0 93%);

 

HEX #86FDC0 まで HEX #DAFD86


CSSコード:

background-image: linear-gradient(135deg, #86FDC0 12%, #DAFD86 88%);

 

HEX #86FDC0 まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #86FDC0 7%, #DAFD86 98%);

 

HEX #DAFD86 まで HEX #A886FD


CSSコード:

background-image: linear-gradient(135deg, #DAFD86 6%, #A886FD 100%);

 

HEX #DAFD86 まで HEX #A886FD


CSSコード:

background-image: radial-gradient(circle, #DAFD86 7%, #A886FD 100%);

 

HEX #A886FD まで HEX #DAFD86


CSSコード:

background-image: linear-gradient(135deg, #A886FD 1%, #DAFD86 87%);

 

HEX #A886FD まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #A886FD 12%, #DAFD86 89%);

 

HEX #DAFD86 まで HEX #FD86C4


CSSコード:

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

 

HEX #DAFD86 まで HEX #FD86C4


CSSコード:

background-image: radial-gradient(circle, #DAFD86 4%, #FD86C4 87%);

 

HEX #FD86C4 まで HEX #DAFD86


CSSコード:

background-image: linear-gradient(135deg, #FD86C4 7%, #DAFD86 94%);

 

HEX #FD86C4 まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #FD86C4 14%, #DAFD86 97%);

リニア

HEX #DAFD86 まで HEX #86FDE3


CSSコード:

background-image: linear-gradient(135deg, #DAFD86 11%, #86FDE3 86%);

ラジアル

HEX #DAFD86 まで HEX #86FDE3


CSSコード:

background-image: radial-gradient(circle, #DAFD86 3%, #86FDE3 95%);

 

HEX #86FDE3 まで HEX #DAFD86


CSSコード:

background-image: linear-gradient(135deg, #86FDE3 4%, #DAFD86 98%);

 

HEX #86FDE3 まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #86FDE3 10%, #DAFD86 86%);

 

HEX #DAFD86 まで HEX #A886FD


CSSコード:

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

 

HEX #DAFD86 まで HEX #A886FD


CSSコード:

background-image: radial-gradient(circle, #DAFD86 0%, #A886FD 98%);

 

HEX #A886FD まで HEX #DAFD86


CSSコード:

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

 

HEX #A886FD まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #A886FD 3%, #DAFD86 86%);

 

HEX #DAFD86 まで HEX #FD86A0


CSSコード:

background-image: linear-gradient(135deg, #DAFD86 7%, #FD86A0 100%);

 

HEX #DAFD86 まで HEX #FD86A0


CSSコード:

background-image: radial-gradient(circle, #DAFD86 1%, #FD86A0 100%);

 

HEX #FD86A0 まで HEX #DAFD86


CSSコード:

background-image: linear-gradient(135deg, #FD86A0 10%, #DAFD86 90%);

 

HEX #FD86A0 まで HEX #DAFD86


CSSコード:

background-image: radial-gradient(circle, #FD86A0 4%, #DAFD86 99%);

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

サービス内容

カラー

ラグビー に 呪咀

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