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

CSS グラデーション:
#456F89

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #456F89 まで HEX #BA9076


CSSコード:

background-image: linear-gradient(135deg, #456F89 10%, #BA9076 100%);

ラジアル

HEX #456F89 まで HEX #BA9076


CSSコード:

background-image: radial-gradient(circle, #456F89 1%, #BA9076 92%);

 

HEX #BA9076 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #BA9076 1%, #456F89 88%);

 

HEX #BA9076 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #BA9076 8%, #456F89 92%);

リニア

HEX #456F89 まで HEX #5B8197


CSSコード:

background-image: linear-gradient(135deg, #456F89 12%, #5B8197 93%);

ラジアル

HEX #456F89 まで HEX #5B8197


CSSコード:

background-image: radial-gradient(circle, #456F89 10%, #5B8197 90%);

 

HEX #5B8197 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #5B8197 5%, #456F89 98%);

 

HEX #5B8197 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #5B8197 9%, #456F89 96%);

 

HEX #456F89 まで HEX #6C93AA


CSSコード:

background-image: linear-gradient(135deg, #456F89 9%, #6C93AA 92%);

 

HEX #456F89 まで HEX #6C93AA


CSSコード:

background-image: radial-gradient(circle, #456F89 2%, #6C93AA 93%);

 

HEX #6C93AA まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #6C93AA 0%, #456F89 93%);

 

HEX #6C93AA まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #6C93AA 12%, #456F89 97%);

 

HEX #456F89 まで HEX #7DA5BD


CSSコード:

background-image: linear-gradient(135deg, #456F89 2%, #7DA5BD 100%);

 

HEX #456F89 まで HEX #7DA5BD


CSSコード:

background-image: radial-gradient(circle, #456F89 9%, #7DA5BD 96%);

 

HEX #7DA5BD まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #7DA5BD 8%, #456F89 89%);

 

HEX #7DA5BD まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #7DA5BD 11%, #456F89 87%);

 

HEX #456F89 まで HEX #8EB7D0


CSSコード:

background-image: linear-gradient(135deg, #456F89 14%, #8EB7D0 93%);

 

HEX #456F89 まで HEX #8EB7D0


CSSコード:

background-image: radial-gradient(circle, #456F89 2%, #8EB7D0 87%);

 

HEX #8EB7D0 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #8EB7D0 5%, #456F89 90%);

 

HEX #8EB7D0 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #8EB7D0 0%, #456F89 99%);

リニア

HEX #456F89 まで HEX #345D76


CSSコード:

background-image: linear-gradient(135deg, #456F89 9%, #345D76 95%);

ラジアル

HEX #456F89 まで HEX #345D76


CSSコード:

background-image: radial-gradient(circle, #456F89 13%, #345D76 99%);

 

HEX #345D76 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #345D76 14%, #456F89 86%);

 

HEX #345D76 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #345D76 9%, #456F89 88%);

 

HEX #456F89 まで HEX #234B63


CSSコード:

background-image: linear-gradient(135deg, #456F89 2%, #234B63 88%);

 

HEX #456F89 まで HEX #234B63


CSSコード:

background-image: radial-gradient(circle, #456F89 6%, #234B63 95%);

 

HEX #234B63 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #234B63 13%, #456F89 90%);

 

HEX #234B63 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #234B63 6%, #456F89 96%);

 

HEX #456F89 まで HEX #123950


CSSコード:

background-image: linear-gradient(135deg, #456F89 10%, #123950 93%);

 

HEX #456F89 まで HEX #123950


CSSコード:

background-image: radial-gradient(circle, #456F89 9%, #123950 97%);

 

HEX #123950 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #123950 11%, #456F89 92%);

 

HEX #123950 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #123950 13%, #456F89 88%);

 

HEX #456F89 まで HEX #01273D


CSSコード:

background-image: linear-gradient(135deg, #456F89 4%, #01273D 88%);

 

HEX #456F89 まで HEX #01273D


CSSコード:

background-image: radial-gradient(circle, #456F89 10%, #01273D 91%);

 

HEX #01273D まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #01273D 12%, #456F89 96%);

 

HEX #01273D まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #01273D 7%, #456F89 98%);

リニア

HEX #456F89 まで HEX #446387


CSSコード:

background-image: linear-gradient(135deg, #456F89 4%, #446387 94%);

ラジアル

HEX #456F89 まで HEX #446387


CSSコード:

background-image: radial-gradient(circle, #456F89 5%, #446387 88%);

 

HEX #446387 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #446387 9%, #456F89 97%);

 

HEX #446387 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #446387 13%, #456F89 94%);

 

HEX #456F89 まで HEX #445887


CSSコード:

background-image: linear-gradient(135deg, #456F89 3%, #445887 86%);

 

HEX #456F89 まで HEX #445887


CSSコード:

background-image: radial-gradient(circle, #456F89 1%, #445887 91%);

 

HEX #445887 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #445887 0%, #456F89 93%);

 

HEX #445887 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #445887 1%, #456F89 94%);

 

HEX #456F89 まで HEX #444D87


CSSコード:

background-image: linear-gradient(135deg, #456F89 8%, #444D87 97%);

 

HEX #456F89 まで HEX #444D87


CSSコード:

background-image: radial-gradient(circle, #456F89 12%, #444D87 90%);

 

HEX #444D87 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #444D87 9%, #456F89 90%);

 

HEX #444D87 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #444D87 1%, #456F89 94%);

 

HEX #456F89 まで HEX #464487


CSSコード:

background-image: linear-gradient(135deg, #456F89 12%, #464487 91%);

 

HEX #456F89 まで HEX #464487


CSSコード:

background-image: radial-gradient(circle, #456F89 4%, #464487 89%);

 

HEX #464487 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #464487 9%, #456F89 87%);

 

HEX #464487 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #464487 6%, #456F89 97%);

リニア

HEX #456F89 まで HEX #5F98BC


CSSコード:

background-image: linear-gradient(135deg, #456F89 14%, #5F98BC 93%);

ラジアル

HEX #456F89 まで HEX #5F98BC


CSSコード:

background-image: radial-gradient(circle, #456F89 2%, #5F98BC 91%);

 

HEX #5F98BC まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #5F98BC 14%, #456F89 88%);

 

HEX #5F98BC まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #5F98BC 2%, #456F89 88%);

 

HEX #456F89 まで HEX #78C2EF


CSSコード:

background-image: linear-gradient(135deg, #456F89 13%, #78C2EF 98%);

 

HEX #456F89 まで HEX #78C2EF


CSSコード:

background-image: radial-gradient(circle, #456F89 12%, #78C2EF 86%);

 

HEX #78C2EF まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #78C2EF 11%, #456F89 92%);

 

HEX #78C2EF まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #78C2EF 1%, #456F89 98%);

 

HEX #456F89 まで HEX #121C23


CSSコード:

background-image: linear-gradient(135deg, #456F89 4%, #121C23 93%);

 

HEX #456F89 まで HEX #121C23


CSSコード:

background-image: radial-gradient(circle, #456F89 0%, #121C23 86%);

 

HEX #121C23 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #121C23 10%, #456F89 96%);

 

HEX #121C23 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #121C23 2%, #456F89 98%);

 

HEX #456F89 まで HEX #2B4656


CSSコード:

background-image: linear-gradient(135deg, #456F89 10%, #2B4656 92%);

 

HEX #456F89 まで HEX #2B4656


CSSコード:

background-image: radial-gradient(circle, #456F89 2%, #2B4656 86%);

 

HEX #2B4656 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #2B4656 5%, #456F89 91%);

 

HEX #2B4656 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #2B4656 11%, #456F89 96%);

リニア

HEX #456F89 まで HEX #6A4487


CSSコード:

background-image: linear-gradient(135deg, #456F89 14%, #6A4487 100%);

ラジアル

HEX #456F89 まで HEX #6A4487


CSSコード:

background-image: radial-gradient(circle, #456F89 12%, #6A4487 93%);

 

HEX #6A4487 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #6A4487 10%, #456F89 90%);

 

HEX #6A4487 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #6A4487 12%, #456F89 92%);

 

HEX #456F89 まで HEX #878544


CSSコード:

background-image: linear-gradient(135deg, #456F89 4%, #878544 97%);

 

HEX #456F89 まで HEX #878544


CSSコード:

background-image: radial-gradient(circle, #456F89 3%, #878544 100%);

 

HEX #878544 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #878544 9%, #456F89 97%);

 

HEX #878544 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #878544 10%, #456F89 90%);

リニア

HEX #456F89 まで HEX #87446E


CSSコード:

background-image: linear-gradient(135deg, #456F89 13%, #87446E 92%);

ラジアル

HEX #456F89 まで HEX #87446E


CSSコード:

background-image: radial-gradient(circle, #456F89 10%, #87446E 88%);

 

HEX #87446E まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #87446E 5%, #456F89 91%);

 

HEX #87446E まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #87446E 4%, #456F89 92%);

 

HEX #456F89 まで HEX #6E8744


CSSコード:

background-image: linear-gradient(135deg, #456F89 5%, #6E8744 93%);

 

HEX #456F89 まで HEX #6E8744


CSSコード:

background-image: radial-gradient(circle, #456F89 6%, #6E8744 92%);

 

HEX #6E8744 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #6E8744 3%, #456F89 99%);

 

HEX #6E8744 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #6E8744 10%, #456F89 88%);

リニア

HEX #456F89 まで HEX #6A4487


CSSコード:

background-image: linear-gradient(135deg, #456F89 13%, #6A4487 93%);

ラジアル

HEX #456F89 まで HEX #6A4487


CSSコード:

background-image: radial-gradient(circle, #456F89 7%, #6A4487 94%);

 

HEX #6A4487 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #6A4487 14%, #456F89 92%);

 

HEX #6A4487 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #6A4487 11%, #456F89 93%);

 

HEX #456F89 まで HEX #875D44


CSSコード:

background-image: linear-gradient(135deg, #456F89 12%, #875D44 99%);

 

HEX #456F89 まで HEX #875D44


CSSコード:

background-image: radial-gradient(circle, #456F89 2%, #875D44 88%);

 

HEX #875D44 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #875D44 2%, #456F89 99%);

 

HEX #875D44 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #875D44 14%, #456F89 87%);

 

HEX #456F89 まで HEX #618744


CSSコード:

background-image: linear-gradient(135deg, #456F89 5%, #618744 90%);

 

HEX #456F89 まで HEX #618744


CSSコード:

background-image: radial-gradient(circle, #456F89 14%, #618744 94%);

 

HEX #618744 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #618744 8%, #456F89 92%);

 

HEX #618744 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #618744 5%, #456F89 88%);

リニア

HEX #456F89 まで HEX #7E4487


CSSコード:

background-image: linear-gradient(135deg, #456F89 3%, #7E4487 98%);

ラジアル

HEX #456F89 まで HEX #7E4487


CSSコード:

background-image: radial-gradient(circle, #456F89 6%, #7E4487 91%);

 

HEX #7E4487 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #7E4487 12%, #456F89 97%);

 

HEX #7E4487 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #7E4487 7%, #456F89 99%);

 

HEX #456F89 まで HEX #875D44


CSSコード:

background-image: linear-gradient(135deg, #456F89 1%, #875D44 87%);

 

HEX #456F89 まで HEX #875D44


CSSコード:

background-image: radial-gradient(circle, #456F89 5%, #875D44 92%);

 

HEX #875D44 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #875D44 4%, #456F89 100%);

 

HEX #875D44 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #875D44 6%, #456F89 88%);

 

HEX #456F89 まで HEX #4D8744


CSSコード:

background-image: linear-gradient(135deg, #456F89 4%, #4D8744 97%);

 

HEX #456F89 まで HEX #4D8744


CSSコード:

background-image: radial-gradient(circle, #456F89 9%, #4D8744 89%);

 

HEX #4D8744 まで HEX #456F89


CSSコード:

background-image: linear-gradient(135deg, #4D8744 1%, #456F89 99%);

 

HEX #4D8744 まで HEX #456F89


CSSコード:

background-image: radial-gradient(circle, #4D8744 9%, #456F89 98%);

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

サービス内容

カラー

ラグビー に 呪咀

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