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

error rgb: 114.1_147_137

CSS グラデーション:
RGB 114.1 147 137

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #729389 まで HEX #8C6C76


CSSコード:

background-image: linear-gradient(135deg, #729389 3%, #8C6C76 96%);

ラジアル

HEX #729389 まで HEX #8C6C76


CSSコード:

background-image: radial-gradient(circle, #729389 10%, #8C6C76 95%);

 

HEX #8C6C76 まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #8C6C76 4%, #729389 88%);

 

HEX #8C6C76 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #8C6C76 12%, #729389 93%);

リニア

HEX #729389 まで HEX #71927F


CSSコード:

background-image: linear-gradient(135deg, #729389 8%, #71927F 87%);

ラジアル

HEX #729389 まで HEX #71927F


CSSコード:

background-image: radial-gradient(circle, #729389 13%, #71927F 97%);

 

HEX #71927F まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #71927F 13%, #729389 93%);

 

HEX #71927F まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #71927F 0%, #729389 93%);

 

HEX #729389 まで HEX #719288


CSSコード:

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

 

HEX #729389 まで HEX #719288


CSSコード:

background-image: radial-gradient(circle, #729389 5%, #719288 95%);

 

HEX #719288 まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #719288 13%, #729389 86%);

 

HEX #719288 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #719288 8%, #729389 87%);

 

HEX #729389 まで HEX #719290


CSSコード:

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

 

HEX #729389 まで HEX #719290


CSSコード:

background-image: radial-gradient(circle, #729389 9%, #719290 93%);

 

HEX #719290 まで HEX #729389


CSSコード:

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

 

HEX #719290 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #719290 11%, #729389 86%);

 

HEX #729389 まで HEX #718B92


CSSコード:

background-image: linear-gradient(135deg, #729389 12%, #718B92 95%);

 

HEX #729389 まで HEX #718B92


CSSコード:

background-image: radial-gradient(circle, #729389 13%, #718B92 86%);

 

HEX #718B92 まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #718B92 1%, #729389 94%);

 

HEX #718B92 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #718B92 10%, #729389 98%);

リニア

HEX #729389 まで HEX #5F7B72


CSSコード:

background-image: linear-gradient(135deg, #729389 14%, #5F7B72 98%);

ラジアル

HEX #729389 まで HEX #5F7B72


CSSコード:

background-image: radial-gradient(circle, #729389 11%, #5F7B72 93%);

 

HEX #5F7B72 まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #5F7B72 0%, #729389 92%);

 

HEX #5F7B72 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #5F7B72 11%, #729389 90%);

 

HEX #729389 まで HEX #719288


CSSコード:

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

 

HEX #729389 まで HEX #719288


CSSコード:

background-image: radial-gradient(circle, #729389 0%, #719288 98%);

 

HEX #719288 まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #719288 7%, #729389 97%);

 

HEX #719288 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #719288 13%, #729389 93%);

 

HEX #729389 まで HEX #89A49B


CSSコード:

background-image: linear-gradient(135deg, #729389 2%, #89A49B 90%);

 

HEX #729389 まで HEX #89A49B


CSSコード:

background-image: radial-gradient(circle, #729389 7%, #89A49B 97%);

 

HEX #89A49B まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #89A49B 11%, #729389 100%);

 

HEX #89A49B まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #89A49B 10%, #729389 89%);

 

HEX #729389 まで HEX #A0B6AF


CSSコード:

background-image: linear-gradient(135deg, #729389 14%, #A0B6AF 93%);

 

HEX #729389 まで HEX #A0B6AF


CSSコード:

background-image: radial-gradient(circle, #729389 10%, #A0B6AF 89%);

 

HEX #A0B6AF まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #A0B6AF 4%, #729389 94%);

 

HEX #A0B6AF まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #A0B6AF 10%, #729389 95%);

リニア

HEX #729389 まで HEX #71927F


CSSコード:

background-image: linear-gradient(135deg, #729389 7%, #71927F 90%);

ラジアル

HEX #729389 まで HEX #71927F


CSSコード:

background-image: radial-gradient(circle, #729389 3%, #71927F 92%);

 

HEX #71927F まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #71927F 0%, #729389 96%);

 

HEX #71927F まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #71927F 12%, #729389 89%);

 

HEX #729389 まで HEX #719288


CSSコード:

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

 

HEX #729389 まで HEX #719288


CSSコード:

background-image: radial-gradient(circle, #729389 3%, #719288 100%);

 

HEX #719288 まで HEX #729389


CSSコード:

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

 

HEX #719288 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #719288 12%, #729389 98%);

 

HEX #729389 まで HEX #719290


CSSコード:

background-image: linear-gradient(135deg, #729389 4%, #719290 88%);

 

HEX #729389 まで HEX #719290


CSSコード:

background-image: radial-gradient(circle, #729389 12%, #719290 93%);

 

HEX #719290 まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #719290 12%, #729389 98%);

 

HEX #719290 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #719290 3%, #729389 99%);

 

HEX #729389 まで HEX #718B92


CSSコード:

background-image: linear-gradient(135deg, #729389 6%, #718B92 86%);

 

HEX #729389 まで HEX #718B92


CSSコード:

background-image: radial-gradient(circle, #729389 5%, #718B92 96%);

 

HEX #718B92 まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #718B92 2%, #729389 94%);

 

HEX #718B92 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #718B92 3%, #729389 92%);

リニア

HEX #729389 まで HEX #5F7B72


CSSコード:

background-image: linear-gradient(135deg, #729389 2%, #5F7B72 92%);

ラジアル

HEX #729389 まで HEX #5F7B72


CSSコード:

background-image: radial-gradient(circle, #729389 8%, #5F7B72 89%);

 

HEX #5F7B72 まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #5F7B72 0%, #729389 91%);

 

HEX #5F7B72 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #5F7B72 7%, #729389 100%);

 

HEX #729389 まで HEX #719288


CSSコード:

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

 

HEX #729389 まで HEX #719288


CSSコード:

background-image: radial-gradient(circle, #729389 8%, #719288 91%);

 

HEX #719288 まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #719288 1%, #729389 95%);

 

HEX #719288 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #719288 14%, #729389 98%);

 

HEX #729389 まで HEX #89A49B


CSSコード:

background-image: linear-gradient(135deg, #729389 5%, #89A49B 91%);

 

HEX #729389 まで HEX #89A49B


CSSコード:

background-image: radial-gradient(circle, #729389 7%, #89A49B 86%);

 

HEX #89A49B まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #89A49B 6%, #729389 97%);

 

HEX #89A49B まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #89A49B 10%, #729389 93%);

 

HEX #729389 まで HEX #A0B6AF


CSSコード:

background-image: linear-gradient(135deg, #729389 9%, #A0B6AF 86%);

 

HEX #729389 まで HEX #A0B6AF


CSSコード:

background-image: radial-gradient(circle, #729389 4%, #A0B6AF 93%);

 

HEX #A0B6AF まで HEX #729389


CSSコード:

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

 

HEX #A0B6AF まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #A0B6AF 10%, #729389 99%);

リニア

HEX #729389 まで HEX #717592


CSSコード:

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

ラジアル

HEX #729389 まで HEX #717592


CSSコード:

background-image: radial-gradient(circle, #729389 13%, #717592 95%);

 

HEX #717592 まで HEX #729389


CSSコード:

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

 

HEX #717592 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #717592 12%, #729389 91%);

 

HEX #729389 まで HEX #927B71


CSSコード:

background-image: linear-gradient(135deg, #729389 10%, #927B71 93%);

 

HEX #729389 まで HEX #927B71


CSSコード:

background-image: radial-gradient(circle, #729389 12%, #927B71 94%);

 

HEX #927B71 まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #927B71 10%, #729389 86%);

 

HEX #927B71 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #927B71 9%, #729389 99%);

リニア

HEX #729389 まで HEX #887192


CSSコード:

background-image: linear-gradient(135deg, #729389 2%, #887192 88%);

ラジアル

HEX #729389 まで HEX #887192


CSSコード:

background-image: radial-gradient(circle, #729389 13%, #887192 90%);

 

HEX #887192 まで HEX #729389


CSSコード:

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

 

HEX #887192 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #887192 10%, #729389 97%);

 

HEX #729389 まで HEX #928871


CSSコード:

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

 

HEX #729389 まで HEX #928871


CSSコード:

background-image: radial-gradient(circle, #729389 10%, #928871 98%);

 

HEX #928871 まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #928871 0%, #729389 95%);

 

HEX #928871 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #928871 10%, #729389 98%);

リニア

HEX #729389 まで HEX #717592


CSSコード:

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

ラジアル

HEX #729389 まで HEX #717592


CSSコード:

background-image: radial-gradient(circle, #729389 6%, #717592 98%);

 

HEX #717592 まで HEX #729389


CSSコード:

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

 

HEX #717592 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #717592 10%, #729389 86%);

 

HEX #729389 まで HEX #92717C


CSSコード:

background-image: linear-gradient(135deg, #729389 1%, #92717C 98%);

 

HEX #729389 まで HEX #92717C


CSSコード:

background-image: radial-gradient(circle, #729389 11%, #92717C 96%);

 

HEX #92717C まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #92717C 11%, #729389 96%);

 

HEX #92717C まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #92717C 13%, #729389 88%);

 

HEX #729389 まで HEX #928E71


CSSコード:

background-image: linear-gradient(135deg, #729389 9%, #928E71 95%);

 

HEX #729389 まで HEX #928E71


CSSコード:

background-image: radial-gradient(circle, #729389 9%, #928E71 91%);

 

HEX #928E71 まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #928E71 10%, #729389 96%);

 

HEX #928E71 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #928E71 6%, #729389 93%);

リニア

HEX #729389 まで HEX #777192


CSSコード:

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

ラジアル

HEX #729389 まで HEX #777192


CSSコード:

background-image: radial-gradient(circle, #729389 13%, #777192 97%);

 

HEX #777192 まで HEX #729389


CSSコード:

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

 

HEX #777192 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #777192 1%, #729389 99%);

 

HEX #729389 まで HEX #92717C


CSSコード:

background-image: linear-gradient(135deg, #729389 9%, #92717C 91%);

 

HEX #729389 まで HEX #92717C


CSSコード:

background-image: radial-gradient(circle, #729389 11%, #92717C 88%);

 

HEX #92717C まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #92717C 7%, #729389 92%);

 

HEX #92717C まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #92717C 9%, #729389 97%);

 

HEX #729389 まで HEX #8C9271


CSSコード:

background-image: linear-gradient(135deg, #729389 9%, #8C9271 92%);

 

HEX #729389 まで HEX #8C9271


CSSコード:

background-image: radial-gradient(circle, #729389 9%, #8C9271 100%);

 

HEX #8C9271 まで HEX #729389


CSSコード:

background-image: linear-gradient(135deg, #8C9271 0%, #729389 100%);

 

HEX #8C9271 まで HEX #729389


CSSコード:

background-image: radial-gradient(circle, #8C9271 8%, #729389 93%);

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

サービス内容

カラー

ラグビー に 呪咀

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