Dear color lovers – together, we’ll have a more colorful future. Support us on

CSS グラデーション:
RGB 255 57 253

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

この色では、マゼンタが他の色よりも際立っています。赤と青の色相を表す値は、3番目の値よりも大きい。互いに近接し、緑色の色相の値を超えている。 色値が他と比較して高いため、この色合いは私たちには明るく見える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #FF39FD まで HEX #00C602


CSSコード:

background-image: linear-gradient(135deg, #FF39FD 5%, #00C602 95%);

ラジアル

HEX #FF39FD まで HEX #00C602


CSSコード:

background-image: radial-gradient(circle, #FF39FD 6%, #00C602 100%);

 

HEX #00C602 まで HEX #FF39FD


CSSコード:

background-image: linear-gradient(135deg, #00C602 11%, #FF39FD 100%);

 

HEX #00C602 まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #00C602 8%, #FF39FD 96%);

リニア

HEX #FF39FD まで HEX #FF4BFF


CSSコード:

background-image: linear-gradient(135deg, #FF39FD 8%, #FF4BFF 98%);

ラジアル

HEX #FF39FD まで HEX #FF4BFF


CSSコード:

background-image: radial-gradient(circle, #FF39FD 8%, #FF4BFF 96%);

 

HEX #FF4BFF まで HEX #FF39FD


CSSコード:

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

 

HEX #FF4BFF まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #FF4BFF 8%, #FF39FD 94%);

 

HEX #FF39FD まで HEX #FF5DFF


CSSコード:

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

 

HEX #FF39FD まで HEX #FF5DFF


CSSコード:

background-image: radial-gradient(circle, #FF39FD 13%, #FF5DFF 86%);

 

HEX #FF5DFF まで HEX #FF39FD


CSSコード:

background-image: linear-gradient(135deg, #FF5DFF 4%, #FF39FD 89%);

 

HEX #FF5DFF まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #FF5DFF 1%, #FF39FD 88%);

 

HEX #FF39FD まで HEX #FF6FFF


CSSコード:

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

 

HEX #FF39FD まで HEX #FF6FFF


CSSコード:

background-image: radial-gradient(circle, #FF39FD 0%, #FF6FFF 90%);

 

HEX #FF6FFF まで HEX #FF39FD


CSSコード:

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

 

HEX #FF6FFF まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #FF6FFF 2%, #FF39FD 100%);

 

HEX #FF39FD まで HEX #FF81FF


CSSコード:

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

 

HEX #FF39FD まで HEX #FF81FF


CSSコード:

background-image: radial-gradient(circle, #FF39FD 13%, #FF81FF 98%);

 

HEX #FF81FF まで HEX #FF39FD


CSSコード:

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

 

HEX #FF81FF まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #FF81FF 7%, #FF39FD 90%);

リニア

HEX #FF39FD まで HEX #EE27EA


CSSコード:

background-image: linear-gradient(135deg, #FF39FD 8%, #EE27EA 94%);

ラジアル

HEX #FF39FD まで HEX #EE27EA


CSSコード:

background-image: radial-gradient(circle, #FF39FD 8%, #EE27EA 99%);

 

HEX #EE27EA まで HEX #FF39FD


CSSコード:

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

 

HEX #EE27EA まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #EE27EA 13%, #FF39FD 93%);

 

HEX #FF39FD まで HEX #DD15D7


CSSコード:

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

 

HEX #FF39FD まで HEX #DD15D7


CSSコード:

background-image: radial-gradient(circle, #FF39FD 12%, #DD15D7 96%);

 

HEX #DD15D7 まで HEX #FF39FD


CSSコード:

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

 

HEX #DD15D7 まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #DD15D7 9%, #FF39FD 93%);

 

HEX #FF39FD まで HEX #CC03C4


CSSコード:

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

 

HEX #FF39FD まで HEX #CC03C4


CSSコード:

background-image: radial-gradient(circle, #FF39FD 9%, #CC03C4 100%);

 

HEX #CC03C4 まで HEX #FF39FD


CSSコード:

background-image: linear-gradient(135deg, #CC03C4 0%, #FF39FD 93%);

 

HEX #CC03C4 まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #CC03C4 10%, #FF39FD 86%);

 

HEX #FF39FD まで HEX #BB00B1


CSSコード:

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

 

HEX #FF39FD まで HEX #BB00B1


CSSコード:

background-image: radial-gradient(circle, #FF39FD 11%, #BB00B1 89%);

 

HEX #BB00B1 まで HEX #FF39FD


CSSコード:

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

 

HEX #BB00B1 まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #BB00B1 0%, #FF39FD 92%);

リニア

HEX #FF39FD まで HEX #FF38DD


CSSコード:

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

ラジアル

HEX #FF39FD まで HEX #FF38DD


CSSコード:

background-image: radial-gradient(circle, #FF39FD 1%, #FF38DD 100%);

 

HEX #FF38DD まで HEX #FF39FD


CSSコード:

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

 

HEX #FF38DD まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #FF38DD 13%, #FF39FD 98%);

 

HEX #FF39FD まで HEX #FF38BC


CSSコード:

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

 

HEX #FF39FD まで HEX #FF38BC


CSSコード:

background-image: radial-gradient(circle, #FF39FD 1%, #FF38BC 90%);

 

HEX #FF38BC まで HEX #FF39FD


CSSコード:

background-image: linear-gradient(135deg, #FF38BC 3%, #FF39FD 97%);

 

HEX #FF38BC まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #FF38BC 2%, #FF39FD 88%);

 

HEX #FF39FD まで HEX #FF389B


CSSコード:

background-image: linear-gradient(135deg, #FF39FD 0%, #FF389B 93%);

 

HEX #FF39FD まで HEX #FF389B


CSSコード:

background-image: radial-gradient(circle, #FF39FD 1%, #FF389B 88%);

 

HEX #FF389B まで HEX #FF39FD


CSSコード:

background-image: linear-gradient(135deg, #FF389B 2%, #FF39FD 96%);

 

HEX #FF389B まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #FF389B 13%, #FF39FD 92%);

 

HEX #FF39FD まで HEX #FF387A


CSSコード:

background-image: linear-gradient(135deg, #FF39FD 3%, #FF387A 99%);

 

HEX #FF39FD まで HEX #FF387A


CSSコード:

background-image: radial-gradient(circle, #FF39FD 6%, #FF387A 98%);

 

HEX #FF387A まで HEX #FF39FD


CSSコード:

background-image: linear-gradient(135deg, #FF387A 5%, #FF39FD 94%);

 

HEX #FF387A まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #FF387A 4%, #FF39FD 88%);

リニア

HEX #FF39FD まで HEX #330B33


CSSコード:

background-image: linear-gradient(135deg, #FF39FD 14%, #330B33 90%);

ラジアル

HEX #FF39FD まで HEX #330B33


CSSコード:

background-image: radial-gradient(circle, #FF39FD 3%, #330B33 94%);

 

HEX #330B33 まで HEX #FF39FD


CSSコード:

background-image: linear-gradient(135deg, #330B33 10%, #FF39FD 95%);

 

HEX #330B33 まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #330B33 6%, #FF39FD 95%);

 

HEX #FF39FD まで HEX #661765


CSSコード:

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

 

HEX #FF39FD まで HEX #661765


CSSコード:

background-image: radial-gradient(circle, #FF39FD 10%, #661765 88%);

 

HEX #661765 まで HEX #FF39FD


CSSコード:

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

 

HEX #661765 まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #661765 5%, #FF39FD 91%);

 

HEX #FF39FD まで HEX #992298


CSSコード:

background-image: linear-gradient(135deg, #FF39FD 10%, #992298 95%);

 

HEX #FF39FD まで HEX #992298


CSSコード:

background-image: radial-gradient(circle, #FF39FD 13%, #992298 86%);

 

HEX #992298 まで HEX #FF39FD


CSSコード:

background-image: linear-gradient(135deg, #992298 0%, #FF39FD 94%);

 

HEX #992298 まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #992298 10%, #FF39FD 89%);

 

HEX #FF39FD まで HEX #CC2ECA


CSSコード:

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

 

HEX #FF39FD まで HEX #CC2ECA


CSSコード:

background-image: radial-gradient(circle, #FF39FD 1%, #CC2ECA 88%);

 

HEX #CC2ECA まで HEX #FF39FD


CSSコード:

background-image: linear-gradient(135deg, #CC2ECA 9%, #FF39FD 88%);

 

HEX #CC2ECA まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #CC2ECA 11%, #FF39FD 97%);

リニア

HEX #FF39FD まで HEX #FF5F38


CSSコード:

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

ラジアル

HEX #FF39FD まで HEX #FF5F38


CSSコード:

background-image: radial-gradient(circle, #FF39FD 7%, #FF5F38 97%);

 

HEX #FF5F38 まで HEX #FF39FD


CSSコード:

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

 

HEX #FF5F38 まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #FF5F38 5%, #FF39FD 90%);

 

HEX #FF39FD まで HEX #38FFAF


CSSコード:

background-image: linear-gradient(135deg, #FF39FD 6%, #38FFAF 89%);

 

HEX #FF39FD まで HEX #38FFAF


CSSコード:

background-image: radial-gradient(circle, #FF39FD 0%, #38FFAF 88%);

 

HEX #38FFAF まで HEX #FF39FD


CSSコード:

background-image: linear-gradient(135deg, #38FFAF 2%, #FF39FD 99%);

 

HEX #38FFAF まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #38FFAF 9%, #FF39FD 95%);

リニア

HEX #FF39FD まで HEX #FFFF38


CSSコード:

background-image: linear-gradient(135deg, #FF39FD 2%, #FFFF38 97%);

ラジアル

HEX #FF39FD まで HEX #FFFF38


CSSコード:

background-image: radial-gradient(circle, #FF39FD 14%, #FFFF38 90%);

 

HEX #FFFF38 まで HEX #FF39FD


CSSコード:

background-image: linear-gradient(135deg, #FFFF38 9%, #FF39FD 86%);

 

HEX #FFFF38 まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #FFFF38 11%, #FF39FD 94%);

 

HEX #FF39FD まで HEX #38FFFF


CSSコード:

background-image: linear-gradient(135deg, #FF39FD 11%, #38FFFF 97%);

 

HEX #FF39FD まで HEX #38FFFF


CSSコード:

background-image: radial-gradient(circle, #FF39FD 11%, #38FFFF 88%);

 

HEX #38FFFF まで HEX #FF39FD


CSSコード:

background-image: linear-gradient(135deg, #38FFFF 6%, #FF39FD 92%);

 

HEX #38FFFF まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #38FFFF 4%, #FF39FD 91%);

リニア

HEX #FF39FD まで HEX #FF5F38


CSSコード:

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

ラジアル

HEX #FF39FD まで HEX #FF5F38


CSSコード:

background-image: radial-gradient(circle, #FF39FD 4%, #FF5F38 89%);

 

HEX #FF5F38 まで HEX #FF39FD


CSSコード:

background-image: linear-gradient(135deg, #FF5F38 14%, #FF39FD 94%);

 

HEX #FF5F38 まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #FF5F38 9%, #FF39FD 92%);

 

HEX #FF39FD まで HEX #38FF38


CSSコード:

background-image: linear-gradient(135deg, #FF39FD 8%, #38FF38 91%);

 

HEX #FF39FD まで HEX #38FF38


CSSコード:

background-image: radial-gradient(circle, #FF39FD 4%, #38FF38 95%);

 

HEX #38FF38 まで HEX #FF39FD


CSSコード:

background-image: linear-gradient(135deg, #38FF38 10%, #FF39FD 88%);

 

HEX #38FF38 まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #38FF38 1%, #FF39FD 88%);

 

HEX #FF39FD まで HEX #38D7FF


CSSコード:

background-image: linear-gradient(135deg, #FF39FD 13%, #38D7FF 86%);

 

HEX #FF39FD まで HEX #38D7FF


CSSコード:

background-image: radial-gradient(circle, #FF39FD 4%, #38D7FF 99%);

 

HEX #38D7FF まで HEX #FF39FD


CSSコード:

background-image: linear-gradient(135deg, #38D7FF 14%, #FF39FD 96%);

 

HEX #38D7FF まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #38D7FF 7%, #FF39FD 90%);

リニア

HEX #FF39FD まで HEX #FF9B38


CSSコード:

background-image: linear-gradient(135deg, #FF39FD 5%, #FF9B38 90%);

ラジアル

HEX #FF39FD まで HEX #FF9B38


CSSコード:

background-image: radial-gradient(circle, #FF39FD 3%, #FF9B38 88%);

 

HEX #FF9B38 まで HEX #FF39FD


CSSコード:

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

 

HEX #FF9B38 まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #FF9B38 12%, #FF39FD 94%);

 

HEX #FF39FD まで HEX #38FF38


CSSコード:

background-image: linear-gradient(135deg, #FF39FD 3%, #38FF38 94%);

 

HEX #FF39FD まで HEX #38FF38


CSSコード:

background-image: radial-gradient(circle, #FF39FD 8%, #38FF38 94%);

 

HEX #38FF38 まで HEX #FF39FD


CSSコード:

background-image: linear-gradient(135deg, #38FF38 0%, #FF39FD 92%);

 

HEX #38FF38 まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #38FF38 2%, #FF39FD 88%);

 

HEX #FF39FD まで HEX #389BFF


CSSコード:

background-image: linear-gradient(135deg, #FF39FD 14%, #389BFF 90%);

 

HEX #FF39FD まで HEX #389BFF


CSSコード:

background-image: radial-gradient(circle, #FF39FD 4%, #389BFF 86%);

 

HEX #389BFF まで HEX #FF39FD


CSSコード:

background-image: linear-gradient(135deg, #389BFF 14%, #FF39FD 98%);

 

HEX #389BFF まで HEX #FF39FD


CSSコード:

background-image: radial-gradient(circle, #389BFF 8%, #FF39FD 97%);

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

サービス内容

カラー

ラグビー に 呪咀

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