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

CSS グラデーション:
RGBA 219 237 236 0.8

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #DBEDECCC まで HEX #241213CC


CSSコード:

background-image: linear-gradient(135deg, #DBEDECCC 12%, #241213CC 88%);

ラジアル

HEX #DBEDECCC まで HEX #241213CC


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 9%, #241213CC 86%);

 

HEX #241213CC まで HEX #DBEDECCC


CSSコード:

background-image: linear-gradient(135deg, #241213CC 1%, #DBEDECCC 92%);

 

HEX #241213CC まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #241213CC 5%, #DBEDECCC 86%);

リニア

HEX #DBEDECCC まで HEX #DAECE6CC


CSSコード:

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

ラジアル

HEX #DBEDECCC まで HEX #DAECE6CC


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 1%, #DAECE6CC 96%);

 

HEX #DAECE6CC まで HEX #DBEDECCC


CSSコード:

background-image: linear-gradient(135deg, #DAECE6CC 6%, #DBEDECCC 91%);

 

HEX #DAECE6CC まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #DAECE6CC 7%, #DBEDECCC 93%);

 

HEX #DBEDECCC まで HEX #DAECEBCC


CSSコード:

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

 

HEX #DBEDECCC まで HEX #DAECEBCC


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 14%, #DAECEBCC 99%);

 

HEX #DAECEBCC まで HEX #DBEDECCC


CSSコード:

background-image: linear-gradient(135deg, #DAECEBCC 1%, #DBEDECCC 97%);

 

HEX #DAECEBCC まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #DAECEBCC 11%, #DBEDECCC 100%);

 

HEX #DBEDECCC まで HEX #DAE9ECCC


CSSコード:

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

 

HEX #DBEDECCC まで HEX #DAE9ECCC


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 4%, #DAE9ECCC 100%);

 

HEX #DAE9ECCC まで HEX #DBEDECCC


CSSコード:

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

 

HEX #DAE9ECCC まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #DAE9ECCC 4%, #DBEDECCC 94%);

 

HEX #DBEDECCC まで HEX #DAE4ECCC


CSSコード:

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

 

HEX #DBEDECCC まで HEX #DAE4ECCC


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 10%, #DAE4ECCC 90%);

 

HEX #DAE4ECCC まで HEX #DBEDECCC


CSSコード:

background-image: linear-gradient(135deg, #DAE4ECCC 2%, #DBEDECCC 93%);

 

HEX #DAE4ECCC まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #DAE4ECCC 14%, #DBEDECCC 95%);

リニア

HEX #DBEDECCC まで HEX #BEDEDD


CSSコード:

background-image: linear-gradient(135deg, #DBEDECCC 10%, #BEDEDD 96%);

ラジアル

HEX #DBEDECCC まで HEX #BEDEDD


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 11%, #BEDEDD 100%);

 

HEX #BEDEDD まで HEX #DBEDECCC


CSSコード:

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

 

HEX #BEDEDD まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #BEDEDD 2%, #DBEDECCC 89%);

 

HEX #DBEDECCC まで HEX #DAECEB


CSSコード:

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

 

HEX #DBEDECCC まで HEX #DAECEB


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 4%, #DAECEB 90%);

 

HEX #DAECEB まで HEX #DBEDECCC


CSSコード:

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

 

HEX #DAECEB まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #DAECEB 10%, #DBEDECCC 100%);

 

HEX #DBEDECCC まで HEX #F5FAFA


CSSコード:

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

 

HEX #DBEDECCC まで HEX #F5FAFA


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 7%, #F5FAFA 89%);

 

HEX #F5FAFA まで HEX #DBEDECCC


CSSコード:

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

 

HEX #F5FAFA まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #F5FAFA 10%, #DBEDECCC 100%);

 

HEX #DBEDECCC まで HEX #FFFFFF


CSSコード:

background-image: linear-gradient(135deg, #DBEDECCC 9%, #FFFFFF 87%);

 

HEX #DBEDECCC まで HEX #FFFFFF


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 14%, #FFFFFF 88%);

 

HEX #FFFFFF まで HEX #DBEDECCC


CSSコード:

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

 

HEX #FFFFFF まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #FFFFFF 13%, #DBEDECCC 90%);

リニア

HEX #DBEDECCC まで HEX #DAECE6CC


CSSコード:

background-image: linear-gradient(135deg, #DBEDECCC 9%, #DAECE6CC 90%);

ラジアル

HEX #DBEDECCC まで HEX #DAECE6CC


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 6%, #DAECE6CC 96%);

 

HEX #DAECE6CC まで HEX #DBEDECCC


CSSコード:

background-image: linear-gradient(135deg, #DAECE6CC 13%, #DBEDECCC 89%);

 

HEX #DAECE6CC まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #DAECE6CC 0%, #DBEDECCC 91%);

 

HEX #DBEDECCC まで HEX #DAECEBCC


CSSコード:

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

 

HEX #DBEDECCC まで HEX #DAECEBCC


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 7%, #DAECEBCC 99%);

 

HEX #DAECEBCC まで HEX #DBEDECCC


CSSコード:

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

 

HEX #DAECEBCC まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #DAECEBCC 14%, #DBEDECCC 95%);

 

HEX #DBEDECCC まで HEX #DAE9ECCC


CSSコード:

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

 

HEX #DBEDECCC まで HEX #DAE9ECCC


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 0%, #DAE9ECCC 90%);

 

HEX #DAE9ECCC まで HEX #DBEDECCC


CSSコード:

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

 

HEX #DAE9ECCC まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #DAE9ECCC 9%, #DBEDECCC 98%);

 

HEX #DBEDECCC まで HEX #DAE4ECCC


CSSコード:

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

 

HEX #DBEDECCC まで HEX #DAE4ECCC


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 12%, #DAE4ECCC 87%);

 

HEX #DAE4ECCC まで HEX #DBEDECCC


CSSコード:

background-image: linear-gradient(135deg, #DAE4ECCC 10%, #DBEDECCC 86%);

 

HEX #DAE4ECCC まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #DAE4ECCC 6%, #DBEDECCC 90%);

リニア

HEX #DBEDECCC まで HEX #BEDEDD


CSSコード:

background-image: linear-gradient(135deg, #DBEDECCC 7%, #BEDEDD 95%);

ラジアル

HEX #DBEDECCC まで HEX #BEDEDD


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 9%, #BEDEDD 87%);

 

HEX #BEDEDD まで HEX #DBEDECCC


CSSコード:

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

 

HEX #BEDEDD まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #BEDEDD 7%, #DBEDECCC 97%);

 

HEX #DBEDECCC まで HEX #DAECEB


CSSコード:

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

 

HEX #DBEDECCC まで HEX #DAECEB


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 4%, #DAECEB 95%);

 

HEX #DAECEB まで HEX #DBEDECCC


CSSコード:

background-image: linear-gradient(135deg, #DAECEB 8%, #DBEDECCC 89%);

 

HEX #DAECEB まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #DAECEB 2%, #DBEDECCC 98%);

 

HEX #DBEDECCC まで HEX #F5FAFA


CSSコード:

background-image: linear-gradient(135deg, #DBEDECCC 14%, #F5FAFA 100%);

 

HEX #DBEDECCC まで HEX #F5FAFA


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 8%, #F5FAFA 86%);

 

HEX #F5FAFA まで HEX #DBEDECCC


CSSコード:

background-image: linear-gradient(135deg, #F5FAFA 14%, #DBEDECCC 100%);

 

HEX #F5FAFA まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #F5FAFA 8%, #DBEDECCC 100%);

 

HEX #DBEDECCC まで HEX #FFFFFF


CSSコード:

background-image: linear-gradient(135deg, #DBEDECCC 0%, #FFFFFF 90%);

 

HEX #DBEDECCC まで HEX #FFFFFF


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 12%, #FFFFFF 93%);

 

HEX #FFFFFF まで HEX #DBEDECCC


CSSコード:

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

 

HEX #FFFFFF まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #FFFFFF 2%, #DBEDECCC 98%);

リニア

HEX #DBEDECCC まで HEX #DCDAEC


CSSコード:

background-image: linear-gradient(135deg, #DBEDECCC 12%, #DCDAEC 91%);

ラジアル

HEX #DBEDECCC まで HEX #DCDAEC


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 8%, #DCDAEC 90%);

 

HEX #DCDAEC まで HEX #DBEDECCC


CSSコード:

background-image: linear-gradient(135deg, #DCDAEC 6%, #DBEDECCC 95%);

 

HEX #DCDAEC まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #DCDAEC 13%, #DBEDECCC 94%);

 

HEX #DBEDECCC まで HEX #ECE4DA


CSSコード:

background-image: linear-gradient(135deg, #DBEDECCC 13%, #ECE4DA 87%);

 

HEX #DBEDECCC まで HEX #ECE4DA


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 7%, #ECE4DA 88%);

 

HEX #ECE4DA まで HEX #DBEDECCC


CSSコード:

background-image: linear-gradient(135deg, #ECE4DA 14%, #DBEDECCC 86%);

 

HEX #ECE4DA まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #ECE4DA 3%, #DBEDECCC 95%);

リニア

HEX #DBEDECCC まで HEX #EBDAEC


CSSコード:

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

ラジアル

HEX #DBEDECCC まで HEX #EBDAEC


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 4%, #EBDAEC 91%);

 

HEX #EBDAEC まで HEX #DBEDECCC


CSSコード:

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

 

HEX #EBDAEC まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #EBDAEC 14%, #DBEDECCC 97%);

 

HEX #DBEDECCC まで HEX #ECEBDA


CSSコード:

background-image: linear-gradient(135deg, #DBEDECCC 2%, #ECEBDA 92%);

 

HEX #DBEDECCC まで HEX #ECEBDA


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 1%, #ECEBDA 90%);

 

HEX #ECEBDA まで HEX #DBEDECCC


CSSコード:

background-image: linear-gradient(135deg, #ECEBDA 5%, #DBEDECCC 100%);

 

HEX #ECEBDA まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #ECEBDA 14%, #DBEDECCC 95%);

リニア

HEX #DBEDECCC まで HEX #DCDAEC


CSSコード:

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

ラジアル

HEX #DBEDECCC まで HEX #DCDAEC


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 2%, #DCDAEC 90%);

 

HEX #DCDAEC まで HEX #DBEDECCC


CSSコード:

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

 

HEX #DCDAEC まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #DCDAEC 6%, #DBEDECCC 94%);

 

HEX #DBEDECCC まで HEX #ECDADB


CSSコード:

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

 

HEX #DBEDECCC まで HEX #ECDADB


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 11%, #ECDADB 87%);

 

HEX #ECDADB まで HEX #DBEDECCC


CSSコード:

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

 

HEX #ECDADB まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #ECDADB 13%, #DBEDECCC 97%);

 

HEX #DBEDECCC まで HEX #EAECDA


CSSコード:

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

 

HEX #DBEDECCC まで HEX #EAECDA


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 0%, #EAECDA 92%);

 

HEX #EAECDA まで HEX #DBEDECCC


CSSコード:

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

 

HEX #EAECDA まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #EAECDA 6%, #DBEDECCC 99%);

リニア

HEX #DBEDECCC まで HEX #E2DAEC


CSSコード:

background-image: linear-gradient(135deg, #DBEDECCC 6%, #E2DAEC 95%);

ラジアル

HEX #DBEDECCC まで HEX #E2DAEC


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 10%, #E2DAEC 98%);

 

HEX #E2DAEC まで HEX #DBEDECCC


CSSコード:

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

 

HEX #E2DAEC まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #E2DAEC 2%, #DBEDECCC 88%);

 

HEX #DBEDECCC まで HEX #ECDADB


CSSコード:

background-image: linear-gradient(135deg, #DBEDECCC 1%, #ECDADB 88%);

 

HEX #DBEDECCC まで HEX #ECDADB


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 0%, #ECDADB 91%);

 

HEX #ECDADB まで HEX #DBEDECCC


CSSコード:

background-image: linear-gradient(135deg, #ECDADB 9%, #DBEDECCC 90%);

 

HEX #ECDADB まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #ECDADB 9%, #DBEDECCC 97%);

 

HEX #DBEDECCC まで HEX #E4ECDA


CSSコード:

background-image: linear-gradient(135deg, #DBEDECCC 3%, #E4ECDA 98%);

 

HEX #DBEDECCC まで HEX #E4ECDA


CSSコード:

background-image: radial-gradient(circle, #DBEDECCC 0%, #E4ECDA 92%);

 

HEX #E4ECDA まで HEX #DBEDECCC


CSSコード:

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

 

HEX #E4ECDA まで HEX #DBEDECCC


CSSコード:

background-image: radial-gradient(circle, #E4ECDA 2%, #DBEDECCC 90%);

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

サービス内容

カラー

ラグビー に 呪咀

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