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

CSS グラデーション:
RGB 99 114 129

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #637281 まで HEX #9C8D7E


CSSコード:

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

ラジアル

HEX #637281 まで HEX #9C8D7E


CSSコード:

background-image: radial-gradient(circle, #637281 5%, #9C8D7E 86%);

 

HEX #9C8D7E まで HEX #637281


CSSコード:

background-image: linear-gradient(135deg, #9C8D7E 11%, #637281 93%);

 

HEX #9C8D7E まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #9C8D7E 6%, #637281 100%);

リニア

HEX #637281 まで HEX #637A81


CSSコード:

background-image: linear-gradient(135deg, #637281 12%, #637A81 98%);

ラジアル

HEX #637281 まで HEX #637A81


CSSコード:

background-image: radial-gradient(circle, #637281 3%, #637A81 86%);

 

HEX #637A81 まで HEX #637281


CSSコード:

background-image: linear-gradient(135deg, #637A81 8%, #637281 90%);

 

HEX #637A81 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #637A81 13%, #637281 88%);

 

HEX #637281 まで HEX #636A81


CSSコード:

background-image: linear-gradient(135deg, #637281 12%, #636A81 91%);

 

HEX #637281 まで HEX #636A81


CSSコード:

background-image: radial-gradient(circle, #637281 3%, #636A81 88%);

 

HEX #636A81 まで HEX #637281


CSSコード:

background-image: linear-gradient(135deg, #636A81 12%, #637281 92%);

 

HEX #636A81 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #636A81 7%, #637281 89%);

 

HEX #637281 まで HEX #646381


CSSコード:

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

 

HEX #637281 まで HEX #646381


CSSコード:

background-image: radial-gradient(circle, #637281 11%, #646381 94%);

 

HEX #646381 まで HEX #637281


CSSコード:

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

 

HEX #646381 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #646381 9%, #637281 86%);

リニア

HEX #637281 まで HEX #515E6A


CSSコード:

background-image: linear-gradient(135deg, #637281 14%, #515E6A 97%);

ラジアル

HEX #637281 まで HEX #515E6A


CSSコード:

background-image: radial-gradient(circle, #637281 2%, #515E6A 91%);

 

HEX #515E6A まで HEX #637281


CSSコード:

background-image: linear-gradient(135deg, #515E6A 4%, #637281 99%);

 

HEX #515E6A まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #515E6A 10%, #637281 92%);

 

HEX #637281 まで HEX #778796


CSSコード:

background-image: linear-gradient(135deg, #637281 13%, #778796 91%);

 

HEX #637281 まで HEX #778796


CSSコード:

background-image: radial-gradient(circle, #637281 10%, #778796 98%);

 

HEX #778796 まで HEX #637281


CSSコード:

background-image: linear-gradient(135deg, #778796 3%, #637281 92%);

 

HEX #778796 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #778796 7%, #637281 91%);

 

HEX #637281 まで HEX #8F9CA8


CSSコード:

background-image: linear-gradient(135deg, #637281 8%, #8F9CA8 91%);

 

HEX #637281 まで HEX #8F9CA8


CSSコード:

background-image: radial-gradient(circle, #637281 1%, #8F9CA8 88%);

 

HEX #8F9CA8 まで HEX #637281


CSSコード:

background-image: linear-gradient(135deg, #8F9CA8 6%, #637281 90%);

 

HEX #8F9CA8 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #8F9CA8 13%, #637281 90%);

リニア

HEX #637281 まで HEX #637A81


CSSコード:

background-image: linear-gradient(135deg, #637281 6%, #637A81 93%);

ラジアル

HEX #637281 まで HEX #637A81


CSSコード:

background-image: radial-gradient(circle, #637281 3%, #637A81 90%);

 

HEX #637A81 まで HEX #637281


CSSコード:

background-image: linear-gradient(135deg, #637A81 0%, #637281 86%);

 

HEX #637A81 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #637A81 13%, #637281 88%);

 

HEX #637281 まで HEX #636A81


CSSコード:

background-image: linear-gradient(135deg, #637281 14%, #636A81 94%);

 

HEX #637281 まで HEX #636A81


CSSコード:

background-image: radial-gradient(circle, #637281 14%, #636A81 95%);

 

HEX #636A81 まで HEX #637281


CSSコード:

background-image: linear-gradient(135deg, #636A81 0%, #637281 88%);

 

HEX #636A81 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #636A81 12%, #637281 100%);

 

HEX #637281 まで HEX #646381


CSSコード:

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

 

HEX #637281 まで HEX #646381


CSSコード:

background-image: radial-gradient(circle, #637281 2%, #646381 92%);

 

HEX #646381 まで HEX #637281


CSSコード:

background-image: linear-gradient(135deg, #646381 8%, #637281 95%);

 

HEX #646381 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #646381 2%, #637281 94%);

リニア

HEX #637281 まで HEX #515E6A


CSSコード:

background-image: linear-gradient(135deg, #637281 4%, #515E6A 99%);

ラジアル

HEX #637281 まで HEX #515E6A


CSSコード:

background-image: radial-gradient(circle, #637281 13%, #515E6A 86%);

 

HEX #515E6A まで HEX #637281


CSSコード:

background-image: linear-gradient(135deg, #515E6A 1%, #637281 90%);

 

HEX #515E6A まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #515E6A 8%, #637281 95%);

 

HEX #637281 まで HEX #778796


CSSコード:

background-image: linear-gradient(135deg, #637281 0%, #778796 87%);

 

HEX #637281 まで HEX #778796


CSSコード:

background-image: radial-gradient(circle, #637281 8%, #778796 91%);

 

HEX #778796 まで HEX #637281


CSSコード:

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

 

HEX #778796 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #778796 0%, #637281 94%);

 

HEX #637281 まで HEX #8F9CA8


CSSコード:

background-image: linear-gradient(135deg, #637281 10%, #8F9CA8 89%);

 

HEX #637281 まで HEX #8F9CA8


CSSコード:

background-image: radial-gradient(circle, #637281 12%, #8F9CA8 87%);

 

HEX #8F9CA8 まで HEX #637281


CSSコード:

background-image: linear-gradient(135deg, #8F9CA8 14%, #637281 87%);

 

HEX #8F9CA8 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #8F9CA8 0%, #637281 96%);

リニア

HEX #637281 まで HEX #786381


CSSコード:

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

ラジアル

HEX #637281 まで HEX #786381


CSSコード:

background-image: radial-gradient(circle, #637281 9%, #786381 91%);

 

HEX #786381 まで HEX #637281


CSSコード:

background-image: linear-gradient(135deg, #786381 10%, #637281 89%);

 

HEX #786381 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #786381 1%, #637281 100%);

 

HEX #637281 まで HEX #7E8163


CSSコード:

background-image: linear-gradient(135deg, #637281 1%, #7E8163 99%);

 

HEX #637281 まで HEX #7E8163


CSSコード:

background-image: radial-gradient(circle, #637281 13%, #7E8163 94%);

 

HEX #7E8163 まで HEX #637281


CSSコード:

background-image: linear-gradient(135deg, #7E8163 14%, #637281 96%);

 

HEX #7E8163 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #7E8163 5%, #637281 86%);

リニア

HEX #637281 まで HEX #816372


CSSコード:

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

ラジアル

HEX #637281 まで HEX #816372


CSSコード:

background-image: radial-gradient(circle, #637281 3%, #816372 90%);

 

HEX #816372 まで HEX #637281


CSSコード:

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

 

HEX #816372 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #816372 0%, #637281 100%);

 

HEX #637281 まで HEX #728163


CSSコード:

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

 

HEX #637281 まで HEX #728163


CSSコード:

background-image: radial-gradient(circle, #637281 12%, #728163 89%);

 

HEX #728163 まで HEX #637281


CSSコード:

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

 

HEX #728163 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #728163 11%, #637281 92%);

リニア

HEX #637281 まで HEX #786381


CSSコード:

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

ラジアル

HEX #637281 まで HEX #786381


CSSコード:

background-image: radial-gradient(circle, #637281 11%, #786381 94%);

 

HEX #786381 まで HEX #637281


CSSコード:

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

 

HEX #786381 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #786381 10%, #637281 96%);

 

HEX #637281 まで HEX #817263


CSSコード:

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

 

HEX #637281 まで HEX #817263


CSSコード:

background-image: radial-gradient(circle, #637281 10%, #817263 92%);

 

HEX #817263 まで HEX #637281


CSSコード:

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

 

HEX #817263 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #817263 6%, #637281 91%);

 

HEX #637281 まで HEX #6C8163


CSSコード:

background-image: linear-gradient(135deg, #637281 10%, #6C8163 88%);

 

HEX #637281 まで HEX #6C8163


CSSコード:

background-image: radial-gradient(circle, #637281 8%, #6C8163 93%);

 

HEX #6C8163 まで HEX #637281


CSSコード:

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

 

HEX #6C8163 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #6C8163 1%, #637281 99%);

リニア

HEX #637281 まで HEX #816381


CSSコード:

background-image: linear-gradient(135deg, #637281 0%, #816381 88%);

ラジアル

HEX #637281 まで HEX #816381


CSSコード:

background-image: radial-gradient(circle, #637281 3%, #816381 93%);

 

HEX #816381 まで HEX #637281


CSSコード:

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

 

HEX #816381 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #816381 3%, #637281 93%);

 

HEX #637281 まで HEX #817263


CSSコード:

background-image: linear-gradient(135deg, #637281 5%, #817263 90%);

 

HEX #637281 まで HEX #817263


CSSコード:

background-image: radial-gradient(circle, #637281 13%, #817263 89%);

 

HEX #817263 まで HEX #637281


CSSコード:

background-image: linear-gradient(135deg, #817263 7%, #637281 92%);

 

HEX #817263 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #817263 6%, #637281 94%);

 

HEX #637281 まで HEX #638163


CSSコード:

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

 

HEX #637281 まで HEX #638163


CSSコード:

background-image: radial-gradient(circle, #637281 0%, #638163 90%);

 

HEX #638163 まで HEX #637281


CSSコード:

background-image: linear-gradient(135deg, #638163 0%, #637281 91%);

 

HEX #638163 まで HEX #637281


CSSコード:

background-image: radial-gradient(circle, #638163 6%, #637281 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.