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

CSS グラデーション:
RGB 237 226 204

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #EDE2CC まで HEX #121D33


CSSコード:

background-image: linear-gradient(135deg, #EDE2CC 10%, #121D33 94%);

ラジアル

HEX #EDE2CC まで HEX #121D33


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 0%, #121D33 100%);

 

HEX #121D33 まで HEX #EDE2CC


CSSコード:

background-image: linear-gradient(135deg, #121D33 13%, #EDE2CC 88%);

 

HEX #121D33 まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #121D33 13%, #EDE2CC 89%);

リニア

HEX #EDE2CC まで HEX #FFF4DA


CSSコード:

background-image: linear-gradient(135deg, #EDE2CC 0%, #FFF4DA 89%);

ラジアル

HEX #EDE2CC まで HEX #FFF4DA


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 9%, #FFF4DA 89%);

 

HEX #FFF4DA まで HEX #EDE2CC


CSSコード:

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

 

HEX #FFF4DA まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #FFF4DA 12%, #EDE2CC 100%);

 

HEX #EDE2CC まで HEX #FFFFED


CSSコード:

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

 

HEX #EDE2CC まで HEX #FFFFED


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 13%, #FFFFED 90%);

 

HEX #FFFFED まで HEX #EDE2CC


CSSコード:

background-image: linear-gradient(135deg, #FFFFED 9%, #EDE2CC 98%);

 

HEX #FFFFED まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #FFFFED 9%, #EDE2CC 87%);

リニア

HEX #EDE2CC まで HEX #DCD0B9


CSSコード:

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

ラジアル

HEX #EDE2CC まで HEX #DCD0B9


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 11%, #DCD0B9 98%);

 

HEX #DCD0B9 まで HEX #EDE2CC


CSSコード:

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

 

HEX #DCD0B9 まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #DCD0B9 10%, #EDE2CC 97%);

 

HEX #EDE2CC まで HEX #CBBEA6


CSSコード:

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

 

HEX #EDE2CC まで HEX #CBBEA6


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 14%, #CBBEA6 93%);

 

HEX #CBBEA6 まで HEX #EDE2CC


CSSコード:

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

 

HEX #CBBEA6 まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #CBBEA6 9%, #EDE2CC 95%);

 

HEX #EDE2CC まで HEX #BAAC93


CSSコード:

background-image: linear-gradient(135deg, #EDE2CC 14%, #BAAC93 88%);

 

HEX #EDE2CC まで HEX #BAAC93


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 14%, #BAAC93 88%);

 

HEX #BAAC93 まで HEX #EDE2CC


CSSコード:

background-image: linear-gradient(135deg, #BAAC93 12%, #EDE2CC 90%);

 

HEX #BAAC93 まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #BAAC93 9%, #EDE2CC 95%);

 

HEX #EDE2CC まで HEX #A99A80


CSSコード:

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

 

HEX #EDE2CC まで HEX #A99A80


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 3%, #A99A80 89%);

 

HEX #A99A80 まで HEX #EDE2CC


CSSコード:

background-image: linear-gradient(135deg, #A99A80 12%, #EDE2CC 96%);

 

HEX #A99A80 まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #A99A80 8%, #EDE2CC 95%);

リニア

HEX #EDE2CC まで HEX #ECE6CA


CSSコード:

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

ラジアル

HEX #EDE2CC まで HEX #ECE6CA


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 3%, #ECE6CA 97%);

 

HEX #ECE6CA まで HEX #EDE2CC


CSSコード:

background-image: linear-gradient(135deg, #ECE6CA 11%, #EDE2CC 96%);

 

HEX #ECE6CA まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #ECE6CA 9%, #EDE2CC 89%);

 

HEX #EDE2CC まで HEX #ECECCA


CSSコード:

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

 

HEX #EDE2CC まで HEX #ECECCA


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 6%, #ECECCA 95%);

 

HEX #ECECCA まで HEX #EDE2CC


CSSコード:

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

 

HEX #ECECCA まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #ECECCA 12%, #EDE2CC 97%);

 

HEX #EDE2CC まで HEX #E6ECCA


CSSコード:

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

 

HEX #EDE2CC まで HEX #E6ECCA


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 5%, #E6ECCA 99%);

 

HEX #E6ECCA まで HEX #EDE2CC


CSSコード:

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

 

HEX #E6ECCA まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #E6ECCA 3%, #EDE2CC 89%);

 

HEX #EDE2CC まで HEX #E1ECCA


CSSコード:

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

 

HEX #EDE2CC まで HEX #E1ECCA


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 5%, #E1ECCA 94%);

 

HEX #E1ECCA まで HEX #EDE2CC


CSSコード:

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

 

HEX #E1ECCA まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #E1ECCA 5%, #EDE2CC 89%);

リニア

HEX #EDE2CC まで HEX #211F1C


CSSコード:

background-image: linear-gradient(135deg, #EDE2CC 13%, #211F1C 93%);

ラジアル

HEX #EDE2CC まで HEX #211F1C


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 9%, #211F1C 96%);

 

HEX #211F1C まで HEX #EDE2CC


CSSコード:

background-image: linear-gradient(135deg, #211F1C 1%, #EDE2CC 100%);

 

HEX #211F1C まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #211F1C 5%, #EDE2CC 95%);

 

HEX #EDE2CC まで HEX #545048


CSSコード:

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

 

HEX #EDE2CC まで HEX #545048


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 6%, #545048 94%);

 

HEX #545048 まで HEX #EDE2CC


CSSコード:

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

 

HEX #545048 まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #545048 12%, #EDE2CC 92%);

 

HEX #EDE2CC まで HEX #878174


CSSコード:

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

 

HEX #EDE2CC まで HEX #878174


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 12%, #878174 92%);

 

HEX #878174 まで HEX #EDE2CC


CSSコード:

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

 

HEX #878174 まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #878174 12%, #EDE2CC 91%);

 

HEX #EDE2CC まで HEX #BAB1A0


CSSコード:

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

 

HEX #EDE2CC まで HEX #BAB1A0


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 6%, #BAB1A0 100%);

 

HEX #BAB1A0 まで HEX #EDE2CC


CSSコード:

background-image: linear-gradient(135deg, #BAB1A0 9%, #EDE2CC 96%);

 

HEX #BAB1A0 まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #BAB1A0 5%, #EDE2CC 94%);

リニア

HEX #EDE2CC まで HEX #CEECCA


CSSコード:

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

ラジアル

HEX #EDE2CC まで HEX #CEECCA


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 7%, #CEECCA 98%);

 

HEX #CEECCA まで HEX #EDE2CC


CSSコード:

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

 

HEX #CEECCA まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #CEECCA 9%, #EDE2CC 95%);

 

HEX #EDE2CC まで HEX #D3CAEC


CSSコード:

background-image: linear-gradient(135deg, #EDE2CC 13%, #D3CAEC 95%);

 

HEX #EDE2CC まで HEX #D3CAEC


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 4%, #D3CAEC 87%);

 

HEX #D3CAEC まで HEX #EDE2CC


CSSコード:

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

 

HEX #D3CAEC まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #D3CAEC 0%, #EDE2CC 92%);

リニア

HEX #EDE2CC まで HEX #CAECE1


CSSコード:

background-image: linear-gradient(135deg, #EDE2CC 5%, #CAECE1 93%);

ラジアル

HEX #EDE2CC まで HEX #CAECE1


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 11%, #CAECE1 88%);

 

HEX #CAECE1 まで HEX #EDE2CC


CSSコード:

background-image: linear-gradient(135deg, #CAECE1 5%, #EDE2CC 93%);

 

HEX #CAECE1 まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #CAECE1 8%, #EDE2CC 96%);

 

HEX #EDE2CC まで HEX #E1CAEC


CSSコード:

background-image: linear-gradient(135deg, #EDE2CC 7%, #E1CAEC 94%);

 

HEX #EDE2CC まで HEX #E1CAEC


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 10%, #E1CAEC 99%);

 

HEX #E1CAEC まで HEX #EDE2CC


CSSコード:

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

 

HEX #E1CAEC まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #E1CAEC 14%, #EDE2CC 97%);

リニア

HEX #EDE2CC まで HEX #CEECCA


CSSコード:

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

ラジアル

HEX #EDE2CC まで HEX #CEECCA


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 1%, #CEECCA 90%);

 

HEX #CEECCA まで HEX #EDE2CC


CSSコード:

background-image: linear-gradient(135deg, #CEECCA 10%, #EDE2CC 90%);

 

HEX #CEECCA まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #CEECCA 11%, #EDE2CC 87%);

 

HEX #EDE2CC まで HEX #CAD5EC


CSSコード:

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

 

HEX #EDE2CC まで HEX #CAD5EC


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 12%, #CAD5EC 86%);

 

HEX #CAD5EC まで HEX #EDE2CC


CSSコード:

background-image: linear-gradient(135deg, #CAD5EC 8%, #EDE2CC 86%);

 

HEX #CAD5EC まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #CAD5EC 9%, #EDE2CC 100%);

 

HEX #EDE2CC まで HEX #E7CAEC


CSSコード:

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

 

HEX #EDE2CC まで HEX #E7CAEC


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 4%, #E7CAEC 99%);

 

HEX #E7CAEC まで HEX #EDE2CC


CSSコード:

background-image: linear-gradient(135deg, #E7CAEC 7%, #EDE2CC 98%);

 

HEX #E7CAEC まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #E7CAEC 4%, #EDE2CC 98%);

リニア

HEX #EDE2CC まで HEX #CAECCF


CSSコード:

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

ラジアル

HEX #EDE2CC まで HEX #CAECCF


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 0%, #CAECCF 98%);

 

HEX #CAECCF まで HEX #EDE2CC


CSSコード:

background-image: linear-gradient(135deg, #CAECCF 1%, #EDE2CC 100%);

 

HEX #CAECCF まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #CAECCF 14%, #EDE2CC 93%);

 

HEX #EDE2CC まで HEX #CAD5EC


CSSコード:

background-image: linear-gradient(135deg, #EDE2CC 9%, #CAD5EC 92%);

 

HEX #EDE2CC まで HEX #CAD5EC


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 11%, #CAD5EC 89%);

 

HEX #CAD5EC まで HEX #EDE2CC


CSSコード:

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

 

HEX #CAD5EC まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #CAD5EC 9%, #EDE2CC 92%);

 

HEX #EDE2CC まで HEX #ECCAE6


CSSコード:

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

 

HEX #EDE2CC まで HEX #ECCAE6


CSSコード:

background-image: radial-gradient(circle, #EDE2CC 6%, #ECCAE6 93%);

 

HEX #ECCAE6 まで HEX #EDE2CC


CSSコード:

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

 

HEX #ECCAE6 まで HEX #EDE2CC


CSSコード:

background-image: radial-gradient(circle, #ECCAE6 14%, #EDE2CC 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.