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

CSS グラデーション:
RGBA 172 126 239 0.75

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #AC7EEFBF まで HEX #538110BF


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 10%, #538110BF 86%);

ラジアル

HEX #AC7EEFBF まで HEX #538110BF


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 8%, #538110BF 90%);

 

HEX #538110BF まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #538110BF 14%, #AC7EEFBF 92%);

 

HEX #538110BF まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #538110BF 11%, #AC7EEFBF 97%);

リニア

HEX #AC7EEFBF まで HEX #8F80EFBF


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 13%, #8F80EFBF 86%);

ラジアル

HEX #AC7EEFBF まで HEX #8F80EFBF


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 14%, #8F80EFBF 86%);

 

HEX #8F80EFBF まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #8F80EFBF 0%, #AC7EEFBF 92%);

 

HEX #8F80EFBF まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #8F80EFBF 0%, #AC7EEFBF 92%);

 

HEX #AC7EEFBF まで HEX #AC80EFBF


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 1%, #AC80EFBF 91%);

 

HEX #AC7EEFBF まで HEX #AC80EFBF


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 2%, #AC80EFBF 90%);

 

HEX #AC80EFBF まで HEX #AC7EEFBF


CSSコード:

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

 

HEX #AC80EFBF まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #AC80EFBF 10%, #AC7EEFBF 88%);

 

HEX #AC7EEFBF まで HEX #CA80EFBF


CSSコード:

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

 

HEX #AC7EEFBF まで HEX #CA80EFBF


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 7%, #CA80EFBF 99%);

 

HEX #CA80EFBF まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #CA80EFBF 8%, #AC7EEFBF 91%);

 

HEX #CA80EFBF まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #CA80EFBF 0%, #AC7EEFBF 97%);

 

HEX #AC7EEFBF まで HEX #E880EFBF


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 3%, #E880EFBF 91%);

 

HEX #AC7EEFBF まで HEX #E880EFBF


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 14%, #E880EFBF 88%);

 

HEX #E880EFBF まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #E880EFBF 10%, #AC7EEFBF 99%);

 

HEX #E880EFBF まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #E880EFBF 8%, #AC7EEFBF 96%);

リニア

HEX #AC7EEFBF まで HEX #965BEB


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 7%, #965BEB 92%);

ラジアル

HEX #AC7EEFBF まで HEX #965BEB


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 1%, #965BEB 98%);

 

HEX #965BEB まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #965BEB 10%, #AC7EEFBF 91%);

 

HEX #965BEB まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #965BEB 8%, #AC7EEFBF 96%);

 

HEX #AC7EEFBF まで HEX #AD80EF


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 13%, #AD80EF 93%);

 

HEX #AC7EEFBF まで HEX #AD80EF


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 3%, #AD80EF 100%);

 

HEX #AD80EF まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #AD80EF 10%, #AC7EEFBF 94%);

 

HEX #AD80EF まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #AD80EF 6%, #AC7EEFBF 98%);

 

HEX #AC7EEFBF まで HEX #C5A5F4


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 4%, #C5A5F4 86%);

 

HEX #AC7EEFBF まで HEX #C5A5F4


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 4%, #C5A5F4 93%);

 

HEX #C5A5F4 まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #C5A5F4 9%, #AC7EEFBF 94%);

 

HEX #C5A5F4 まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #C5A5F4 7%, #AC7EEFBF 87%);

 

HEX #AC7EEFBF まで HEX #DCC9F8


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 14%, #DCC9F8 96%);

 

HEX #AC7EEFBF まで HEX #DCC9F8


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 14%, #DCC9F8 96%);

 

HEX #DCC9F8 まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #DCC9F8 5%, #AC7EEFBF 99%);

 

HEX #DCC9F8 まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #DCC9F8 10%, #AC7EEFBF 91%);

リニア

HEX #AC7EEFBF まで HEX #8F80EFBF


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 11%, #8F80EFBF 95%);

ラジアル

HEX #AC7EEFBF まで HEX #8F80EFBF


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 0%, #8F80EFBF 97%);

 

HEX #8F80EFBF まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #8F80EFBF 5%, #AC7EEFBF 96%);

 

HEX #8F80EFBF まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #8F80EFBF 7%, #AC7EEFBF 99%);

 

HEX #AC7EEFBF まで HEX #AC80EFBF


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 4%, #AC80EFBF 91%);

 

HEX #AC7EEFBF まで HEX #AC80EFBF


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 13%, #AC80EFBF 86%);

 

HEX #AC80EFBF まで HEX #AC7EEFBF


CSSコード:

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

 

HEX #AC80EFBF まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #AC80EFBF 12%, #AC7EEFBF 91%);

 

HEX #AC7EEFBF まで HEX #CA80EFBF


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 7%, #CA80EFBF 87%);

 

HEX #AC7EEFBF まで HEX #CA80EFBF


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 0%, #CA80EFBF 90%);

 

HEX #CA80EFBF まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #CA80EFBF 3%, #AC7EEFBF 94%);

 

HEX #CA80EFBF まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #CA80EFBF 14%, #AC7EEFBF 93%);

 

HEX #AC7EEFBF まで HEX #E880EFBF


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 6%, #E880EFBF 98%);

 

HEX #AC7EEFBF まで HEX #E880EFBF


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 2%, #E880EFBF 86%);

 

HEX #E880EFBF まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #E880EFBF 0%, #AC7EEFBF 92%);

 

HEX #E880EFBF まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #E880EFBF 10%, #AC7EEFBF 89%);

リニア

HEX #AC7EEFBF まで HEX #965BEB


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 11%, #965BEB 91%);

ラジアル

HEX #AC7EEFBF まで HEX #965BEB


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 9%, #965BEB 99%);

 

HEX #965BEB まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #965BEB 0%, #AC7EEFBF 97%);

 

HEX #965BEB まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #965BEB 10%, #AC7EEFBF 89%);

 

HEX #AC7EEFBF まで HEX #AD80EF


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 13%, #AD80EF 97%);

 

HEX #AC7EEFBF まで HEX #AD80EF


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 13%, #AD80EF 91%);

 

HEX #AD80EF まで HEX #AC7EEFBF


CSSコード:

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

 

HEX #AD80EF まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #AD80EF 10%, #AC7EEFBF 92%);

 

HEX #AC7EEFBF まで HEX #C5A5F4


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 6%, #C5A5F4 94%);

 

HEX #AC7EEFBF まで HEX #C5A5F4


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 12%, #C5A5F4 96%);

 

HEX #C5A5F4 まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #C5A5F4 5%, #AC7EEFBF 97%);

 

HEX #C5A5F4 まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #C5A5F4 9%, #AC7EEFBF 93%);

 

HEX #AC7EEFBF まで HEX #DCC9F8


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 1%, #DCC9F8 86%);

 

HEX #AC7EEFBF まで HEX #DCC9F8


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 12%, #DCC9F8 100%);

 

HEX #DCC9F8 まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #DCC9F8 7%, #AC7EEFBF 99%);

 

HEX #DCC9F8 まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #DCC9F8 11%, #AC7EEFBF 90%);

リニア

HEX #AC7EEFBF まで HEX #EF80AC


CSSコード:

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

ラジアル

HEX #AC7EEFBF まで HEX #EF80AC


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 14%, #EF80AC 98%);

 

HEX #EF80AC まで HEX #AC7EEFBF


CSSコード:

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

 

HEX #EF80AC まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #EF80AC 0%, #AC7EEFBF 90%);

 

HEX #AC7EEFBF まで HEX #80EF80


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 6%, #80EF80 100%);

 

HEX #AC7EEFBF まで HEX #80EF80


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 12%, #80EF80 90%);

 

HEX #80EF80 まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #80EF80 5%, #AC7EEFBF 88%);

 

HEX #80EF80 まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #80EF80 4%, #AC7EEFBF 91%);

リニア

HEX #AC7EEFBF まで HEX #EFAC80


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 7%, #EFAC80 99%);

ラジアル

HEX #AC7EEFBF まで HEX #EFAC80


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 0%, #EFAC80 99%);

 

HEX #EFAC80 まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #EFAC80 1%, #AC7EEFBF 98%);

 

HEX #EFAC80 まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #EFAC80 5%, #AC7EEFBF 88%);

 

HEX #AC7EEFBF まで HEX #80EFAC


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 3%, #80EFAC 89%);

 

HEX #AC7EEFBF まで HEX #80EFAC


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 8%, #80EFAC 89%);

 

HEX #80EFAC まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #80EFAC 6%, #AC7EEFBF 92%);

 

HEX #80EFAC まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #80EFAC 0%, #AC7EEFBF 86%);

リニア

HEX #AC7EEFBF まで HEX #EF80AC


CSSコード:

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

ラジアル

HEX #AC7EEFBF まで HEX #EF80AC


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 11%, #EF80AC 86%);

 

HEX #EF80AC まで HEX #AC7EEFBF


CSSコード:

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

 

HEX #EF80AC まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #EF80AC 7%, #AC7EEFBF 100%);

 

HEX #AC7EEFBF まで HEX #C3EF80


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 4%, #C3EF80 95%);

 

HEX #AC7EEFBF まで HEX #C3EF80


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 11%, #C3EF80 91%);

 

HEX #C3EF80 まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #C3EF80 10%, #AC7EEFBF 98%);

 

HEX #C3EF80 まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #C3EF80 5%, #AC7EEFBF 92%);

 

HEX #AC7EEFBF まで HEX #80EFC3


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 2%, #80EFC3 94%);

 

HEX #AC7EEFBF まで HEX #80EFC3


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 3%, #80EFC3 94%);

 

HEX #80EFC3 まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #80EFC3 7%, #AC7EEFBF 94%);

 

HEX #80EFC3 まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #80EFC3 12%, #AC7EEFBF 93%);

リニア

HEX #AC7EEFBF まで HEX #EF808B


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 3%, #EF808B 88%);

ラジアル

HEX #AC7EEFBF まで HEX #EF808B


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 13%, #EF808B 96%);

 

HEX #EF808B まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #EF808B 11%, #AC7EEFBF 93%);

 

HEX #EF808B まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #EF808B 14%, #AC7EEFBF 86%);

 

HEX #AC7EEFBF まで HEX #C3EF80


CSSコード:

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

 

HEX #AC7EEFBF まで HEX #C3EF80


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 12%, #C3EF80 95%);

 

HEX #C3EF80 まで HEX #AC7EEFBF


CSSコード:

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

 

HEX #C3EF80 まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #C3EF80 8%, #AC7EEFBF 98%);

 

HEX #AC7EEFBF まで HEX #80EFE4


CSSコード:

background-image: linear-gradient(135deg, #AC7EEFBF 8%, #80EFE4 94%);

 

HEX #AC7EEFBF まで HEX #80EFE4


CSSコード:

background-image: radial-gradient(circle, #AC7EEFBF 13%, #80EFE4 92%);

 

HEX #80EFE4 まで HEX #AC7EEFBF


CSSコード:

background-image: linear-gradient(135deg, #80EFE4 7%, #AC7EEFBF 98%);

 

HEX #80EFE4 まで HEX #AC7EEFBF


CSSコード:

background-image: radial-gradient(circle, #80EFE4 4%, #AC7EEFBF 87%);

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

サービス内容

カラー

ラグビー に 呪咀

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