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

CSS グラデーション:
RGB 145 73 86

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

色値が他と比べて低いため、私たちにはこの色合いが濃く見える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #914956 まで HEX #6EB6A9


CSSコード:

background-image: linear-gradient(135deg, #914956 10%, #6EB6A9 96%);

ラジアル

HEX #914956 まで HEX #6EB6A9


CSSコード:

background-image: radial-gradient(circle, #914956 2%, #6EB6A9 88%);

 

HEX #6EB6A9 まで HEX #914956


CSSコード:

background-image: linear-gradient(135deg, #6EB6A9 1%, #914956 93%);

 

HEX #6EB6A9 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #6EB6A9 11%, #914956 96%);

リニア

HEX #914956 まで HEX #91496A


CSSコード:

background-image: linear-gradient(135deg, #914956 1%, #91496A 97%);

ラジアル

HEX #914956 まで HEX #91496A


CSSコード:

background-image: radial-gradient(circle, #914956 2%, #91496A 97%);

 

HEX #91496A まで HEX #914956


CSSコード:

background-image: linear-gradient(135deg, #91496A 9%, #914956 93%);

 

HEX #91496A まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #91496A 3%, #914956 95%);

 

HEX #914956 まで HEX #914F49


CSSコード:

background-image: linear-gradient(135deg, #914956 0%, #914F49 100%);

 

HEX #914956 まで HEX #914F49


CSSコード:

background-image: radial-gradient(circle, #914956 7%, #914F49 94%);

 

HEX #914F49 まで HEX #914956


CSSコード:

background-image: linear-gradient(135deg, #914F49 13%, #914956 93%);

 

HEX #914F49 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #914F49 3%, #914956 89%);

 

HEX #914956 まで HEX #916249


CSSコード:

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

 

HEX #914956 まで HEX #916249


CSSコード:

background-image: radial-gradient(circle, #914956 2%, #916249 88%);

 

HEX #916249 まで HEX #914956


CSSコード:

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

 

HEX #916249 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #916249 14%, #914956 86%);

リニア

HEX #914956 まで HEX #763B46


CSSコード:

background-image: linear-gradient(135deg, #914956 7%, #763B46 94%);

ラジアル

HEX #914956 まで HEX #763B46


CSSコード:

background-image: radial-gradient(circle, #914956 7%, #763B46 90%);

 

HEX #763B46 まで HEX #914956


CSSコード:

background-image: linear-gradient(135deg, #763B46 0%, #914956 88%);

 

HEX #763B46 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #763B46 9%, #914956 98%);

 

HEX #914956 まで HEX #AB5967


CSSコード:

background-image: linear-gradient(135deg, #914956 6%, #AB5967 98%);

 

HEX #914956 まで HEX #AB5967


CSSコード:

background-image: radial-gradient(circle, #914956 6%, #AB5967 93%);

 

HEX #AB5967 まで HEX #914956


CSSコード:

background-image: linear-gradient(135deg, #AB5967 11%, #914956 92%);

 

HEX #AB5967 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #AB5967 6%, #914956 96%);

 

HEX #914956 まで HEX #B97480


CSSコード:

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

 

HEX #914956 まで HEX #B97480


CSSコード:

background-image: radial-gradient(circle, #914956 10%, #B97480 92%);

 

HEX #B97480 まで HEX #914956


CSSコード:

background-image: linear-gradient(135deg, #B97480 8%, #914956 88%);

 

HEX #B97480 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #B97480 3%, #914956 94%);

リニア

HEX #914956 まで HEX #91496A


CSSコード:

background-image: linear-gradient(135deg, #914956 9%, #91496A 94%);

ラジアル

HEX #914956 まで HEX #91496A


CSSコード:

background-image: radial-gradient(circle, #914956 4%, #91496A 91%);

 

HEX #91496A まで HEX #914956


CSSコード:

background-image: linear-gradient(135deg, #91496A 11%, #914956 91%);

 

HEX #91496A まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #91496A 0%, #914956 90%);

 

HEX #914956 まで HEX #914F49


CSSコード:

background-image: linear-gradient(135deg, #914956 6%, #914F49 97%);

 

HEX #914956 まで HEX #914F49


CSSコード:

background-image: radial-gradient(circle, #914956 13%, #914F49 88%);

 

HEX #914F49 まで HEX #914956


CSSコード:

background-image: linear-gradient(135deg, #914F49 12%, #914956 97%);

 

HEX #914F49 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #914F49 7%, #914956 87%);

 

HEX #914956 まで HEX #916249


CSSコード:

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

 

HEX #914956 まで HEX #916249


CSSコード:

background-image: radial-gradient(circle, #914956 9%, #916249 99%);

 

HEX #916249 まで HEX #914956


CSSコード:

background-image: linear-gradient(135deg, #916249 0%, #914956 86%);

 

HEX #916249 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #916249 1%, #914956 97%);

リニア

HEX #914956 まで HEX #763B46


CSSコード:

background-image: linear-gradient(135deg, #914956 1%, #763B46 87%);

ラジアル

HEX #914956 まで HEX #763B46


CSSコード:

background-image: radial-gradient(circle, #914956 8%, #763B46 86%);

 

HEX #763B46 まで HEX #914956


CSSコード:

background-image: linear-gradient(135deg, #763B46 0%, #914956 90%);

 

HEX #763B46 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #763B46 6%, #914956 87%);

 

HEX #914956 まで HEX #AB5967


CSSコード:

background-image: linear-gradient(135deg, #914956 5%, #AB5967 89%);

 

HEX #914956 まで HEX #AB5967


CSSコード:

background-image: radial-gradient(circle, #914956 4%, #AB5967 100%);

 

HEX #AB5967 まで HEX #914956


CSSコード:

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

 

HEX #AB5967 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #AB5967 12%, #914956 100%);

 

HEX #914956 まで HEX #B97480


CSSコード:

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

 

HEX #914956 まで HEX #B97480


CSSコード:

background-image: radial-gradient(circle, #914956 12%, #B97480 93%);

 

HEX #B97480 まで HEX #914956


CSSコード:

background-image: linear-gradient(135deg, #B97480 6%, #914956 93%);

 

HEX #B97480 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #B97480 7%, #914956 89%);

リニア

HEX #914956 まで HEX #909149


CSSコード:

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

ラジアル

HEX #914956 まで HEX #909149


CSSコード:

background-image: radial-gradient(circle, #914956 4%, #909149 89%);

 

HEX #909149 まで HEX #914956


CSSコード:

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

 

HEX #909149 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #909149 5%, #914956 100%);

 

HEX #914956 まで HEX #497391


CSSコード:

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

 

HEX #914956 まで HEX #497391


CSSコード:

background-image: radial-gradient(circle, #914956 7%, #497391 86%);

 

HEX #497391 まで HEX #914956


CSSコード:

background-image: linear-gradient(135deg, #497391 7%, #914956 100%);

 

HEX #497391 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #497391 12%, #914956 100%);

リニア

HEX #914956 まで HEX #569149


CSSコード:

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

ラジアル

HEX #914956 まで HEX #569149


CSSコード:

background-image: radial-gradient(circle, #914956 10%, #569149 97%);

 

HEX #569149 まで HEX #914956


CSSコード:

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

 

HEX #569149 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #569149 12%, #914956 97%);

 

HEX #914956 まで HEX #495691


CSSコード:

background-image: linear-gradient(135deg, #914956 11%, #495691 92%);

 

HEX #914956 まで HEX #495691


CSSコード:

background-image: radial-gradient(circle, #914956 6%, #495691 92%);

 

HEX #495691 まで HEX #914956


CSSコード:

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

 

HEX #495691 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #495691 5%, #914956 88%);

リニア

HEX #914956 まで HEX #909149


CSSコード:

background-image: linear-gradient(135deg, #914956 6%, #909149 100%);

ラジアル

HEX #914956 まで HEX #909149


CSSコード:

background-image: radial-gradient(circle, #914956 9%, #909149 98%);

 

HEX #909149 まで HEX #914956


CSSコード:

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

 

HEX #909149 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #909149 13%, #914956 94%);

 

HEX #914956 まで HEX #499184


CSSコード:

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

 

HEX #914956 まで HEX #499184


CSSコード:

background-image: radial-gradient(circle, #914956 9%, #499184 89%);

 

HEX #499184 まで HEX #914956


CSSコード:

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

 

HEX #499184 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #499184 5%, #914956 92%);

 

HEX #914956 まで HEX #4A4991


CSSコード:

background-image: linear-gradient(135deg, #914956 10%, #4A4991 95%);

 

HEX #914956 まで HEX #4A4991


CSSコード:

background-image: radial-gradient(circle, #914956 13%, #4A4991 93%);

 

HEX #4A4991 まで HEX #914956


CSSコード:

background-image: linear-gradient(135deg, #4A4991 9%, #914956 96%);

 

HEX #4A4991 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #4A4991 5%, #914956 97%);

リニア

HEX #914956 まで HEX #7A9149


CSSコード:

background-image: linear-gradient(135deg, #914956 9%, #7A9149 87%);

ラジアル

HEX #914956 まで HEX #7A9149


CSSコード:

background-image: radial-gradient(circle, #914956 1%, #7A9149 88%);

 

HEX #7A9149 まで HEX #914956


CSSコード:

background-image: linear-gradient(135deg, #7A9149 14%, #914956 91%);

 

HEX #7A9149 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #7A9149 5%, #914956 93%);

 

HEX #914956 まで HEX #499184


CSSコード:

background-image: linear-gradient(135deg, #914956 0%, #499184 94%);

 

HEX #914956 まで HEX #499184


CSSコード:

background-image: radial-gradient(circle, #914956 11%, #499184 90%);

 

HEX #499184 まで HEX #914956


CSSコード:

background-image: linear-gradient(135deg, #499184 0%, #914956 100%);

 

HEX #499184 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #499184 1%, #914956 92%);

 

HEX #914956 まで HEX #604991


CSSコード:

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

 

HEX #914956 まで HEX #604991


CSSコード:

background-image: radial-gradient(circle, #914956 0%, #604991 87%);

 

HEX #604991 まで HEX #914956


CSSコード:

background-image: linear-gradient(135deg, #604991 12%, #914956 99%);

 

HEX #604991 まで HEX #914956


CSSコード:

background-image: radial-gradient(circle, #604991 3%, #914956 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, 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.