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

error rgb: 52.7_146.6_152

CSS グラデーション:
RGB 52.7 146.6 152

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #349298 まで HEX #CA6C67


CSSコード:

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

ラジアル

HEX #349298 まで HEX #CA6C67


CSSコード:

background-image: radial-gradient(circle, #349298 8%, #CA6C67 96%);

 

HEX #CA6C67 まで HEX #349298


CSSコード:

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

 

HEX #CA6C67 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #CA6C67 0%, #349298 99%);

リニア

HEX #349298 まで HEX #349782


CSSコード:

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

ラジアル

HEX #349298 まで HEX #349782


CSSコード:

background-image: radial-gradient(circle, #349298 3%, #349782 92%);

 

HEX #349782 まで HEX #349298


CSSコード:

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

 

HEX #349782 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #349782 13%, #349298 88%);

 

HEX #349298 まで HEX #349297


CSSコード:

background-image: linear-gradient(135deg, #349298 12%, #349297 92%);

 

HEX #349298 まで HEX #349297


CSSコード:

background-image: radial-gradient(circle, #349298 10%, #349297 89%);

 

HEX #349297 まで HEX #349298


CSSコード:

background-image: linear-gradient(135deg, #349297 13%, #349298 94%);

 

HEX #349297 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #349297 12%, #349298 89%);

 

HEX #349298 まで HEX #347897


CSSコード:

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

 

HEX #349298 まで HEX #347897


CSSコード:

background-image: radial-gradient(circle, #349298 14%, #347897 95%);

 

HEX #347897 まで HEX #349298


CSSコード:

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

 

HEX #347897 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #347897 12%, #349298 100%);

 

HEX #349298 まで HEX #345D97


CSSコード:

background-image: linear-gradient(135deg, #349298 0%, #345D97 89%);

 

HEX #349298 まで HEX #345D97


CSSコード:

background-image: radial-gradient(circle, #349298 10%, #345D97 97%);

 

HEX #345D97 まで HEX #349298


CSSコード:

background-image: linear-gradient(135deg, #345D97 4%, #349298 93%);

 

HEX #345D97 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #345D97 1%, #349298 88%);

リニア

HEX #349298 まで HEX #297479


CSSコード:

background-image: linear-gradient(135deg, #349298 6%, #297479 92%);

ラジアル

HEX #349298 まで HEX #297479


CSSコード:

background-image: radial-gradient(circle, #349298 14%, #297479 100%);

 

HEX #297479 まで HEX #349298


CSSコード:

background-image: linear-gradient(135deg, #297479 5%, #349298 91%);

 

HEX #297479 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #297479 8%, #349298 100%);

 

HEX #349298 まで HEX #349297


CSSコード:

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

 

HEX #349298 まで HEX #349297


CSSコード:

background-image: radial-gradient(circle, #349298 3%, #349297 93%);

 

HEX #349297 まで HEX #349298


CSSコード:

background-image: linear-gradient(135deg, #349297 7%, #349298 90%);

 

HEX #349297 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #349297 2%, #349298 93%);

 

HEX #349298 まで HEX #3EB0B6


CSSコード:

background-image: linear-gradient(135deg, #349298 0%, #3EB0B6 86%);

 

HEX #349298 まで HEX #3EB0B6


CSSコード:

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

 

HEX #3EB0B6 まで HEX #349298


CSSコード:

background-image: linear-gradient(135deg, #3EB0B6 10%, #349298 94%);

 

HEX #3EB0B6 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #3EB0B6 3%, #349298 88%);

 

HEX #349298 まで HEX #58C0C6


CSSコード:

background-image: linear-gradient(135deg, #349298 9%, #58C0C6 91%);

 

HEX #349298 まで HEX #58C0C6


CSSコード:

background-image: radial-gradient(circle, #349298 2%, #58C0C6 96%);

 

HEX #58C0C6 まで HEX #349298


CSSコード:

background-image: linear-gradient(135deg, #58C0C6 0%, #349298 87%);

 

HEX #58C0C6 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #58C0C6 10%, #349298 100%);

リニア

HEX #349298 まで HEX #349782


CSSコード:

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

ラジアル

HEX #349298 まで HEX #349782


CSSコード:

background-image: radial-gradient(circle, #349298 11%, #349782 88%);

 

HEX #349782 まで HEX #349298


CSSコード:

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

 

HEX #349782 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #349782 1%, #349298 87%);

 

HEX #349298 まで HEX #349297


CSSコード:

background-image: linear-gradient(135deg, #349298 14%, #349297 95%);

 

HEX #349298 まで HEX #349297


CSSコード:

background-image: radial-gradient(circle, #349298 6%, #349297 86%);

 

HEX #349297 まで HEX #349298


CSSコード:

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

 

HEX #349297 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #349297 6%, #349298 95%);

 

HEX #349298 まで HEX #347897


CSSコード:

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

 

HEX #349298 まで HEX #347897


CSSコード:

background-image: radial-gradient(circle, #349298 12%, #347897 90%);

 

HEX #347897 まで HEX #349298


CSSコード:

background-image: linear-gradient(135deg, #347897 13%, #349298 100%);

 

HEX #347897 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #347897 12%, #349298 90%);

 

HEX #349298 まで HEX #345D97


CSSコード:

background-image: linear-gradient(135deg, #349298 13%, #345D97 100%);

 

HEX #349298 まで HEX #345D97


CSSコード:

background-image: radial-gradient(circle, #349298 5%, #345D97 90%);

 

HEX #345D97 まで HEX #349298


CSSコード:

background-image: linear-gradient(135deg, #345D97 7%, #349298 97%);

 

HEX #345D97 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #345D97 2%, #349298 86%);

リニア

HEX #349298 まで HEX #297479


CSSコード:

background-image: linear-gradient(135deg, #349298 12%, #297479 92%);

ラジアル

HEX #349298 まで HEX #297479


CSSコード:

background-image: radial-gradient(circle, #349298 7%, #297479 97%);

 

HEX #297479 まで HEX #349298


CSSコード:

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

 

HEX #297479 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #297479 4%, #349298 96%);

 

HEX #349298 まで HEX #349297


CSSコード:

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

 

HEX #349298 まで HEX #349297


CSSコード:

background-image: radial-gradient(circle, #349298 13%, #349297 95%);

 

HEX #349297 まで HEX #349298


CSSコード:

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

 

HEX #349297 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #349297 1%, #349298 93%);

 

HEX #349298 まで HEX #3EB0B6


CSSコード:

background-image: linear-gradient(135deg, #349298 14%, #3EB0B6 94%);

 

HEX #349298 まで HEX #3EB0B6


CSSコード:

background-image: radial-gradient(circle, #349298 14%, #3EB0B6 94%);

 

HEX #3EB0B6 まで HEX #349298


CSSコード:

background-image: linear-gradient(135deg, #3EB0B6 7%, #349298 90%);

 

HEX #3EB0B6 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #3EB0B6 8%, #349298 95%);

 

HEX #349298 まで HEX #58C0C6


CSSコード:

background-image: linear-gradient(135deg, #349298 3%, #58C0C6 99%);

 

HEX #349298 まで HEX #58C0C6


CSSコード:

background-image: radial-gradient(circle, #349298 7%, #58C0C6 95%);

 

HEX #58C0C6 まで HEX #349298


CSSコード:

background-image: linear-gradient(135deg, #58C0C6 14%, #349298 87%);

 

HEX #58C0C6 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #58C0C6 5%, #349298 100%);

リニア

HEX #349298 まで HEX #4D3497


CSSコード:

background-image: linear-gradient(135deg, #349298 10%, #4D3497 97%);

ラジアル

HEX #349298 まで HEX #4D3497


CSSコード:

background-image: radial-gradient(circle, #349298 7%, #4D3497 95%);

 

HEX #4D3497 まで HEX #349298


CSSコード:

background-image: linear-gradient(135deg, #4D3497 11%, #349298 91%);

 

HEX #4D3497 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #4D3497 13%, #349298 94%);

 

HEX #349298 まで HEX #977434


CSSコード:

background-image: linear-gradient(135deg, #349298 6%, #977434 97%);

 

HEX #349298 まで HEX #977434


CSSコード:

background-image: radial-gradient(circle, #349298 3%, #977434 98%);

 

HEX #977434 まで HEX #349298


CSSコード:

background-image: linear-gradient(135deg, #977434 2%, #349298 86%);

 

HEX #977434 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #977434 6%, #349298 99%);

リニア

HEX #349298 まで HEX #973492


CSSコード:

background-image: linear-gradient(135deg, #349298 2%, #973492 87%);

ラジアル

HEX #349298 まで HEX #973492


CSSコード:

background-image: radial-gradient(circle, #349298 13%, #973492 96%);

 

HEX #973492 まで HEX #349298


CSSコード:

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

 

HEX #973492 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #973492 13%, #349298 88%);

 

HEX #349298 まで HEX #929734


CSSコード:

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

 

HEX #349298 まで HEX #929734


CSSコード:

background-image: radial-gradient(circle, #349298 14%, #929734 89%);

 

HEX #929734 まで HEX #349298


CSSコード:

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

 

HEX #929734 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #929734 7%, #349298 100%);

リニア

HEX #349298 まで HEX #4D3497


CSSコード:

background-image: linear-gradient(135deg, #349298 9%, #4D3497 88%);

ラジアル

HEX #349298 まで HEX #4D3497


CSSコード:

background-image: radial-gradient(circle, #349298 1%, #4D3497 99%);

 

HEX #4D3497 まで HEX #349298


CSSコード:

background-image: linear-gradient(135deg, #4D3497 7%, #349298 90%);

 

HEX #4D3497 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #4D3497 4%, #349298 98%);

 

HEX #349298 まで HEX #973934


CSSコード:

background-image: linear-gradient(135deg, #349298 14%, #973934 89%);

 

HEX #349298 まで HEX #973934


CSSコード:

background-image: radial-gradient(circle, #349298 9%, #973934 87%);

 

HEX #973934 まで HEX #349298


CSSコード:

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

 

HEX #973934 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #973934 4%, #349298 100%);

 

HEX #349298 まで HEX #7E9734


CSSコード:

background-image: linear-gradient(135deg, #349298 11%, #7E9734 88%);

 

HEX #349298 まで HEX #7E9734


CSSコード:

background-image: radial-gradient(circle, #349298 7%, #7E9734 95%);

 

HEX #7E9734 まで HEX #349298


CSSコード:

background-image: linear-gradient(135deg, #7E9734 0%, #349298 88%);

 

HEX #7E9734 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #7E9734 12%, #349298 95%);

リニア

HEX #349298 まで HEX #6A3497


CSSコード:

background-image: linear-gradient(135deg, #349298 14%, #6A3497 95%);

ラジアル

HEX #349298 まで HEX #6A3497


CSSコード:

background-image: radial-gradient(circle, #349298 12%, #6A3497 86%);

 

HEX #6A3497 まで HEX #349298


CSSコード:

background-image: linear-gradient(135deg, #6A3497 1%, #349298 99%);

 

HEX #6A3497 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #6A3497 13%, #349298 89%);

 

HEX #349298 まで HEX #973934


CSSコード:

background-image: linear-gradient(135deg, #349298 14%, #973934 97%);

 

HEX #349298 まで HEX #973934


CSSコード:

background-image: radial-gradient(circle, #349298 11%, #973934 96%);

 

HEX #973934 まで HEX #349298


CSSコード:

background-image: linear-gradient(135deg, #973934 0%, #349298 99%);

 

HEX #973934 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #973934 2%, #349298 92%);

 

HEX #349298 まで HEX #619734


CSSコード:

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

 

HEX #349298 まで HEX #619734


CSSコード:

background-image: radial-gradient(circle, #349298 6%, #619734 92%);

 

HEX #619734 まで HEX #349298


CSSコード:

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

 

HEX #619734 まで HEX #349298


CSSコード:

background-image: radial-gradient(circle, #619734 0%, #349298 99%);

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

サービス内容

カラー

ラグビー に 呪咀

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

カミーユ に 呪咀

から変換する CMYK シアン/マゼンタ/イエロー/キー まで #RRGGBB

カミーユ に ラグビー

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RGB レッド・グリーン・ブルー

カミーユ に ラル®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RAL® 番号 (RAL 0000)

カミーユ に 豚足®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで HKS® 番号(HKS 00)

カミーユ に パントン®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで Pantone® 番号 (Pantone 0000)

カミーユ に シャーウィン・ウィリアムズ®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

カミーユ に エヌシーエス®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで NCS番号(S0000-X00X)

nsc-logo

呪咀 に ラグビー

から変換する #RRGGBB まで RGB レッド・グリーン・ブルー

呪咀 に カミーユ

から変換する #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) まで 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) まで 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) まで 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) まで 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) まで CMYK シアン/マゼンタ/イエロー/キー

Icons

エヌシーエス® に 呪咀

から変換する NCS番号(S0000-X00X) まで #RRGGBB

エヌシーエス® に ラル®

から変換する NCS番号(S0000-X00X) まで RAL® 番号 (RAL 0000)

エヌシーエス® に 豚足®

から変換する NCS番号(S0000-X00X) まで HKS® 番号(HKS 00)

エヌシーエス® に パントン®

から変換する NCS番号(S0000-X00X) まで Pantone® 番号 (Pantone 0000)

エヌシーエス® に シャーウィン・ウィリアムズ®

から変換する NCS番号(S0000-X00X) まで シャーウィン・ウィリアムズ® 番号 (SW 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.