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

CSS グラデーション:
RGB 156 66 234

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #9C42EA まで HEX #63BD15


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 3%, #63BD15 88%);

ラジアル

HEX #9C42EA まで HEX #63BD15


CSSコード:

background-image: radial-gradient(circle, #9C42EA 4%, #63BD15 90%);

 

HEX #63BD15 まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #63BD15 11%, #9C42EA 99%);

 

HEX #63BD15 まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #63BD15 9%, #9C42EA 89%);

リニア

HEX #9C42EA まで HEX #B254F8


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 2%, #B254F8 90%);

ラジアル

HEX #9C42EA まで HEX #B254F8


CSSコード:

background-image: radial-gradient(circle, #9C42EA 13%, #B254F8 95%);

 

HEX #B254F8 まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #B254F8 13%, #9C42EA 86%);

 

HEX #B254F8 まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #B254F8 3%, #9C42EA 87%);

 

HEX #9C42EA まで HEX #C366FF


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 0%, #C366FF 95%);

 

HEX #9C42EA まで HEX #C366FF


CSSコード:

background-image: radial-gradient(circle, #9C42EA 10%, #C366FF 88%);

 

HEX #C366FF まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #C366FF 10%, #9C42EA 99%);

 

HEX #C366FF まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #C366FF 3%, #9C42EA 87%);

 

HEX #9C42EA まで HEX #D478FF


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 5%, #D478FF 100%);

 

HEX #9C42EA まで HEX #D478FF


CSSコード:

background-image: radial-gradient(circle, #9C42EA 12%, #D478FF 100%);

 

HEX #D478FF まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #D478FF 4%, #9C42EA 93%);

 

HEX #D478FF まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #D478FF 6%, #9C42EA 88%);

 

HEX #9C42EA まで HEX #E58AFF


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 1%, #E58AFF 87%);

 

HEX #9C42EA まで HEX #E58AFF


CSSコード:

background-image: radial-gradient(circle, #9C42EA 6%, #E58AFF 98%);

 

HEX #E58AFF まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #E58AFF 12%, #9C42EA 94%);

 

HEX #E58AFF まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #E58AFF 10%, #9C42EA 86%);

リニア

HEX #9C42EA まで HEX #8B30D7


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 0%, #8B30D7 86%);

ラジアル

HEX #9C42EA まで HEX #8B30D7


CSSコード:

background-image: radial-gradient(circle, #9C42EA 4%, #8B30D7 92%);

 

HEX #8B30D7 まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #8B30D7 10%, #9C42EA 92%);

 

HEX #8B30D7 まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #8B30D7 3%, #9C42EA 96%);

 

HEX #9C42EA まで HEX #7A1EC4


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 12%, #7A1EC4 97%);

 

HEX #9C42EA まで HEX #7A1EC4


CSSコード:

background-image: radial-gradient(circle, #9C42EA 7%, #7A1EC4 99%);

 

HEX #7A1EC4 まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #7A1EC4 8%, #9C42EA 94%);

 

HEX #7A1EC4 まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #7A1EC4 13%, #9C42EA 97%);

 

HEX #9C42EA まで HEX #690CB1


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 5%, #690CB1 87%);

 

HEX #9C42EA まで HEX #690CB1


CSSコード:

background-image: radial-gradient(circle, #9C42EA 3%, #690CB1 98%);

 

HEX #690CB1 まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #690CB1 11%, #9C42EA 91%);

 

HEX #690CB1 まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #690CB1 1%, #9C42EA 93%);

 

HEX #9C42EA まで HEX #58009E


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 8%, #58009E 88%);

 

HEX #9C42EA まで HEX #58009E


CSSコード:

background-image: radial-gradient(circle, #9C42EA 12%, #58009E 94%);

 

HEX #58009E まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #58009E 13%, #9C42EA 92%);

 

HEX #58009E まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #58009E 11%, #9C42EA 92%);

リニア

HEX #9C42EA まで HEX #B742EA


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 12%, #B742EA 97%);

ラジアル

HEX #9C42EA まで HEX #B742EA


CSSコード:

background-image: radial-gradient(circle, #9C42EA 9%, #B742EA 88%);

 

HEX #B742EA まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #B742EA 6%, #9C42EA 93%);

 

HEX #B742EA まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #B742EA 1%, #9C42EA 91%);

 

HEX #9C42EA まで HEX #D342EA


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 3%, #D342EA 100%);

 

HEX #9C42EA まで HEX #D342EA


CSSコード:

background-image: radial-gradient(circle, #9C42EA 0%, #D342EA 94%);

 

HEX #D342EA まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #D342EA 7%, #9C42EA 100%);

 

HEX #D342EA まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #D342EA 10%, #9C42EA 100%);

 

HEX #9C42EA まで HEX #EA42E4


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 5%, #EA42E4 90%);

 

HEX #9C42EA まで HEX #EA42E4


CSSコード:

background-image: radial-gradient(circle, #9C42EA 3%, #EA42E4 91%);

 

HEX #EA42E4 まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #EA42E4 3%, #9C42EA 98%);

 

HEX #EA42E4 まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #EA42E4 7%, #9C42EA 86%);

 

HEX #9C42EA まで HEX #EA42C8


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 9%, #EA42C8 89%);

 

HEX #9C42EA まで HEX #EA42C8


CSSコード:

background-image: radial-gradient(circle, #9C42EA 9%, #EA42C8 92%);

 

HEX #EA42C8 まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #EA42C8 3%, #9C42EA 100%);

 

HEX #EA42C8 まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #EA42C8 10%, #9C42EA 94%);

リニア

HEX #9C42EA まで HEX #14081E


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 4%, #14081E 89%);

ラジアル

HEX #9C42EA まで HEX #14081E


CSSコード:

background-image: radial-gradient(circle, #9C42EA 8%, #14081E 86%);

 

HEX #14081E まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #14081E 9%, #9C42EA 91%);

 

HEX #14081E まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #14081E 7%, #9C42EA 88%);

 

HEX #9C42EA まで HEX #361751


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 6%, #361751 87%);

 

HEX #9C42EA まで HEX #361751


CSSコード:

background-image: radial-gradient(circle, #9C42EA 9%, #361751 92%);

 

HEX #361751 まで HEX #9C42EA


CSSコード:

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

 

HEX #361751 まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #361751 8%, #9C42EA 98%);

 

HEX #9C42EA まで HEX #582584


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 6%, #582584 86%);

 

HEX #9C42EA まで HEX #582584


CSSコード:

background-image: radial-gradient(circle, #9C42EA 3%, #582584 98%);

 

HEX #582584 まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #582584 4%, #9C42EA 91%);

 

HEX #582584 まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #582584 2%, #9C42EA 94%);

 

HEX #9C42EA まで HEX #7A34B7


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 8%, #7A34B7 99%);

 

HEX #9C42EA まで HEX #7A34B7


CSSコード:

background-image: radial-gradient(circle, #9C42EA 2%, #7A34B7 88%);

 

HEX #7A34B7 まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #7A34B7 9%, #9C42EA 90%);

 

HEX #7A34B7 まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #7A34B7 7%, #9C42EA 92%);

リニア

HEX #9C42EA まで HEX #EA426F


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 14%, #EA426F 94%);

ラジアル

HEX #9C42EA まで HEX #EA426F


CSSコード:

background-image: radial-gradient(circle, #9C42EA 4%, #EA426F 100%);

 

HEX #EA426F まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #EA426F 5%, #9C42EA 99%);

 

HEX #EA426F まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #EA426F 6%, #9C42EA 89%);

 

HEX #9C42EA まで HEX #42EA59


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 8%, #42EA59 92%);

 

HEX #9C42EA まで HEX #42EA59


CSSコード:

background-image: radial-gradient(circle, #9C42EA 12%, #42EA59 94%);

 

HEX #42EA59 まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #42EA59 8%, #9C42EA 95%);

 

HEX #42EA59 まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #42EA59 8%, #9C42EA 89%);

リニア

HEX #9C42EA まで HEX #EA9C42


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 8%, #EA9C42 100%);

ラジアル

HEX #9C42EA まで HEX #EA9C42


CSSコード:

background-image: radial-gradient(circle, #9C42EA 11%, #EA9C42 98%);

 

HEX #EA9C42 まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #EA9C42 9%, #9C42EA 99%);

 

HEX #EA9C42 まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #EA9C42 10%, #9C42EA 95%);

 

HEX #9C42EA まで HEX #42EA9C


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 14%, #42EA9C 100%);

 

HEX #9C42EA まで HEX #42EA9C


CSSコード:

background-image: radial-gradient(circle, #9C42EA 6%, #42EA9C 94%);

 

HEX #42EA9C まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #42EA9C 8%, #9C42EA 92%);

 

HEX #42EA9C まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #42EA9C 4%, #9C42EA 92%);

リニア

HEX #9C42EA まで HEX #EA426F


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 3%, #EA426F 99%);

ラジアル

HEX #9C42EA まで HEX #EA426F


CSSコード:

background-image: radial-gradient(circle, #9C42EA 12%, #EA426F 96%);

 

HEX #EA426F まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #EA426F 2%, #9C42EA 96%);

 

HEX #EA426F まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #EA426F 8%, #9C42EA 99%);

 

HEX #9C42EA まで HEX #90EA42


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 1%, #90EA42 92%);

 

HEX #9C42EA まで HEX #90EA42


CSSコード:

background-image: radial-gradient(circle, #9C42EA 11%, #90EA42 95%);

 

HEX #90EA42 まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #90EA42 10%, #9C42EA 98%);

 

HEX #90EA42 まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #90EA42 5%, #9C42EA 88%);

 

HEX #9C42EA まで HEX #42EABD


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 12%, #42EABD 87%);

 

HEX #9C42EA まで HEX #42EABD


CSSコード:

background-image: radial-gradient(circle, #9C42EA 6%, #42EABD 99%);

 

HEX #42EABD まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #42EABD 9%, #9C42EA 97%);

 

HEX #42EABD まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #42EABD 0%, #9C42EA 99%);

リニア

HEX #9C42EA まで HEX #EA4842


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 10%, #EA4842 92%);

ラジアル

HEX #9C42EA まで HEX #EA4842


CSSコード:

background-image: radial-gradient(circle, #9C42EA 11%, #EA4842 95%);

 

HEX #EA4842 まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #EA4842 12%, #9C42EA 86%);

 

HEX #EA4842 まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #EA4842 13%, #9C42EA 100%);

 

HEX #9C42EA まで HEX #90EA42


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 3%, #90EA42 91%);

 

HEX #9C42EA まで HEX #90EA42


CSSコード:

background-image: radial-gradient(circle, #9C42EA 6%, #90EA42 96%);

 

HEX #90EA42 まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #90EA42 6%, #9C42EA 92%);

 

HEX #90EA42 まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #90EA42 13%, #9C42EA 86%);

 

HEX #9C42EA まで HEX #42E4EA


CSSコード:

background-image: linear-gradient(135deg, #9C42EA 14%, #42E4EA 94%);

 

HEX #9C42EA まで HEX #42E4EA


CSSコード:

background-image: radial-gradient(circle, #9C42EA 6%, #42E4EA 97%);

 

HEX #42E4EA まで HEX #9C42EA


CSSコード:

background-image: linear-gradient(135deg, #42E4EA 1%, #9C42EA 95%);

 

HEX #42E4EA まで HEX #9C42EA


CSSコード:

background-image: radial-gradient(circle, #42E4EA 13%, #9C42EA 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.