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

CSS グラデーション:
RGB 223 249 219

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

色値が他と比較して高いため、この色合いは私たちには明るく見える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #DFF9DB まで HEX #200624


CSSコード:

background-image: linear-gradient(135deg, #DFF9DB 6%, #200624 89%);

ラジアル

HEX #DFF9DB まで HEX #200624


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 6%, #200624 87%);

 

HEX #200624 まで HEX #DFF9DB


CSSコード:

background-image: linear-gradient(135deg, #200624 9%, #DFF9DB 95%);

 

HEX #200624 まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #200624 3%, #DFF9DB 97%);

リニア

HEX #DFF9DB まで HEX #F5FFE9


CSSコード:

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

ラジアル

HEX #DFF9DB まで HEX #F5FFE9


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 14%, #F5FFE9 91%);

 

HEX #F5FFE9 まで HEX #DFF9DB


CSSコード:

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

 

HEX #F5FFE9 まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #F5FFE9 12%, #DFF9DB 86%);

 

HEX #DFF9DB まで HEX #FFFFFC


CSSコード:

background-image: linear-gradient(135deg, #DFF9DB 2%, #FFFFFC 91%);

 

HEX #DFF9DB まで HEX #FFFFFC


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 1%, #FFFFFC 96%);

 

HEX #FFFFFC まで HEX #DFF9DB


CSSコード:

background-image: linear-gradient(135deg, #FFFFFC 8%, #DFF9DB 100%);

 

HEX #FFFFFC まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #FFFFFC 12%, #DFF9DB 100%);

リニア

HEX #DFF9DB まで HEX #CEE7C8


CSSコード:

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

ラジアル

HEX #DFF9DB まで HEX #CEE7C8


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 3%, #CEE7C8 96%);

 

HEX #CEE7C8 まで HEX #DFF9DB


CSSコード:

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

 

HEX #CEE7C8 まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #CEE7C8 12%, #DFF9DB 98%);

 

HEX #DFF9DB まで HEX #BDD5B5


CSSコード:

background-image: linear-gradient(135deg, #DFF9DB 2%, #BDD5B5 95%);

 

HEX #DFF9DB まで HEX #BDD5B5


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 11%, #BDD5B5 86%);

 

HEX #BDD5B5 まで HEX #DFF9DB


CSSコード:

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

 

HEX #BDD5B5 まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #BDD5B5 9%, #DFF9DB 88%);

 

HEX #DFF9DB まで HEX #ACC3A2


CSSコード:

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

 

HEX #DFF9DB まで HEX #ACC3A2


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 10%, #ACC3A2 86%);

 

HEX #ACC3A2 まで HEX #DFF9DB


CSSコード:

background-image: linear-gradient(135deg, #ACC3A2 4%, #DFF9DB 90%);

 

HEX #ACC3A2 まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #ACC3A2 14%, #DFF9DB 97%);

 

HEX #DFF9DB まで HEX #9BB18F


CSSコード:

background-image: linear-gradient(135deg, #DFF9DB 10%, #9BB18F 100%);

 

HEX #DFF9DB まで HEX #9BB18F


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 11%, #9BB18F 94%);

 

HEX #9BB18F まで HEX #DFF9DB


CSSコード:

background-image: linear-gradient(135deg, #9BB18F 7%, #DFF9DB 94%);

 

HEX #9BB18F まで HEX #DFF9DB


CSSコード:

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

リニア

HEX #DFF9DB まで HEX #DCF9DD


CSSコード:

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

ラジアル

HEX #DFF9DB まで HEX #DCF9DD


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 13%, #DCF9DD 95%);

 

HEX #DCF9DD まで HEX #DFF9DB


CSSコード:

background-image: linear-gradient(135deg, #DCF9DD 5%, #DFF9DB 87%);

 

HEX #DCF9DD まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #DCF9DD 13%, #DFF9DB 97%);

 

HEX #DFF9DB まで HEX #DCF9E1


CSSコード:

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

 

HEX #DFF9DB まで HEX #DCF9E1


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 2%, #DCF9E1 99%);

 

HEX #DCF9E1 まで HEX #DFF9DB


CSSコード:

background-image: linear-gradient(135deg, #DCF9E1 3%, #DFF9DB 93%);

 

HEX #DCF9E1 まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #DCF9E1 14%, #DFF9DB 89%);

 

HEX #DFF9DB まで HEX #DCF9E6


CSSコード:

background-image: linear-gradient(135deg, #DFF9DB 0%, #DCF9E6 97%);

 

HEX #DFF9DB まで HEX #DCF9E6


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 13%, #DCF9E6 97%);

 

HEX #DCF9E6 まで HEX #DFF9DB


CSSコード:

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

 

HEX #DCF9E6 まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #DCF9E6 6%, #DFF9DB 90%);

 

HEX #DFF9DB まで HEX #DCF9EB


CSSコード:

background-image: linear-gradient(135deg, #DFF9DB 9%, #DCF9EB 91%);

 

HEX #DFF9DB まで HEX #DCF9EB


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 2%, #DCF9EB 91%);

 

HEX #DCF9EB まで HEX #DFF9DB


CSSコード:

background-image: linear-gradient(135deg, #DCF9EB 10%, #DFF9DB 100%);

 

HEX #DCF9EB まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #DCF9EB 3%, #DFF9DB 88%);

リニア

HEX #DFF9DB まで HEX #282D28


CSSコード:

background-image: linear-gradient(135deg, #DFF9DB 2%, #282D28 89%);

ラジアル

HEX #DFF9DB まで HEX #282D28


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 13%, #282D28 94%);

 

HEX #282D28 まで HEX #DFF9DB


CSSコード:

background-image: linear-gradient(135deg, #282D28 13%, #DFF9DB 95%);

 

HEX #282D28 まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #282D28 4%, #DFF9DB 91%);

 

HEX #DFF9DB まで HEX #566054


CSSコード:

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

 

HEX #DFF9DB まで HEX #566054


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 11%, #566054 89%);

 

HEX #566054 まで HEX #DFF9DB


CSSコード:

background-image: linear-gradient(135deg, #566054 8%, #DFF9DB 97%);

 

HEX #566054 まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #566054 8%, #DFF9DB 87%);

 

HEX #DFF9DB まで HEX #849381


CSSコード:

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

 

HEX #DFF9DB まで HEX #849381


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 12%, #849381 90%);

 

HEX #849381 まで HEX #DFF9DB


CSSコード:

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

 

HEX #849381 まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #849381 11%, #DFF9DB 94%);

 

HEX #DFF9DB まで HEX #B1C6AE


CSSコード:

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

 

HEX #DFF9DB まで HEX #B1C6AE


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 9%, #B1C6AE 94%);

 

HEX #B1C6AE まで HEX #DFF9DB


CSSコード:

background-image: linear-gradient(135deg, #B1C6AE 13%, #DFF9DB 92%);

 

HEX #B1C6AE まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #B1C6AE 8%, #DFF9DB 96%);

リニア

HEX #DFF9DB まで HEX #DCF7F9


CSSコード:

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

ラジアル

HEX #DFF9DB まで HEX #DCF7F9


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 7%, #DCF7F9 89%);

 

HEX #DCF7F9 まで HEX #DFF9DB


CSSコード:

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

 

HEX #DCF7F9 まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #DCF7F9 5%, #DFF9DB 100%);

 

HEX #DFF9DB まで HEX #F9DCEB


CSSコード:

background-image: linear-gradient(135deg, #DFF9DB 1%, #F9DCEB 90%);

 

HEX #DFF9DB まで HEX #F9DCEB


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 5%, #F9DCEB 88%);

 

HEX #F9DCEB まで HEX #DFF9DB


CSSコード:

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

 

HEX #F9DCEB まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #F9DCEB 0%, #DFF9DB 91%);

リニア

HEX #DFF9DB まで HEX #DCDFF9


CSSコード:

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

ラジアル

HEX #DFF9DB まで HEX #DCDFF9


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 2%, #DCDFF9 90%);

 

HEX #DCDFF9 まで HEX #DFF9DB


CSSコード:

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

 

HEX #DCDFF9 まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #DCDFF9 10%, #DFF9DB 96%);

 

HEX #DFF9DB まで HEX #F9DCDF


CSSコード:

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

 

HEX #DFF9DB まで HEX #F9DCDF


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 7%, #F9DCDF 86%);

 

HEX #F9DCDF まで HEX #DFF9DB


CSSコード:

background-image: linear-gradient(135deg, #F9DCDF 9%, #DFF9DB 91%);

 

HEX #F9DCDF まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #F9DCDF 12%, #DFF9DB 94%);

リニア

HEX #DFF9DB まで HEX #DCF7F9


CSSコード:

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

ラジアル

HEX #DFF9DB まで HEX #DCF7F9


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 3%, #DCF7F9 97%);

 

HEX #DCF7F9 まで HEX #DFF9DB


CSSコード:

background-image: linear-gradient(135deg, #DCF7F9 4%, #DFF9DB 90%);

 

HEX #DCF7F9 まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #DCF7F9 12%, #DFF9DB 98%);

 

HEX #DFF9DB まで HEX #F5DCF9


CSSコード:

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

 

HEX #DFF9DB まで HEX #F5DCF9


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 10%, #F5DCF9 99%);

 

HEX #F5DCF9 まで HEX #DFF9DB


CSSコード:

background-image: linear-gradient(135deg, #F5DCF9 10%, #DFF9DB 88%);

 

HEX #F5DCF9 まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #F5DCF9 8%, #DFF9DB 95%);

 

HEX #DFF9DB まで HEX #F9DEDC


CSSコード:

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

 

HEX #DFF9DB まで HEX #F9DEDC


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 13%, #F9DEDC 90%);

 

HEX #F9DEDC まで HEX #DFF9DB


CSSコード:

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

 

HEX #F9DEDC まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #F9DEDC 6%, #DFF9DB 95%);

リニア

HEX #DFF9DB まで HEX #DCEEF9


CSSコード:

background-image: linear-gradient(135deg, #DFF9DB 5%, #DCEEF9 95%);

ラジアル

HEX #DFF9DB まで HEX #DCEEF9


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 6%, #DCEEF9 99%);

 

HEX #DCEEF9 まで HEX #DFF9DB


CSSコード:

background-image: linear-gradient(135deg, #DCEEF9 6%, #DFF9DB 87%);

 

HEX #DCEEF9 まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #DCEEF9 6%, #DFF9DB 95%);

 

HEX #DFF9DB まで HEX #F5DCF9


CSSコード:

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

 

HEX #DFF9DB まで HEX #F5DCF9


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 3%, #F5DCF9 100%);

 

HEX #F5DCF9 まで HEX #DFF9DB


CSSコード:

background-image: linear-gradient(135deg, #F5DCF9 7%, #DFF9DB 86%);

 

HEX #F5DCF9 まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #F5DCF9 2%, #DFF9DB 97%);

 

HEX #DFF9DB まで HEX #F9E6DC


CSSコード:

background-image: linear-gradient(135deg, #DFF9DB 2%, #F9E6DC 100%);

 

HEX #DFF9DB まで HEX #F9E6DC


CSSコード:

background-image: radial-gradient(circle, #DFF9DB 2%, #F9E6DC 89%);

 

HEX #F9E6DC まで HEX #DFF9DB


CSSコード:

background-image: linear-gradient(135deg, #F9E6DC 3%, #DFF9DB 89%);

 

HEX #F9E6DC まで HEX #DFF9DB


CSSコード:

background-image: radial-gradient(circle, #F9E6DC 12%, #DFF9DB 86%);

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

サービス内容

カラー

ラグビー に 呪咀

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