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

error rgb: 3_126.8_223.4

CSS グラデーション:
RGB 3 126.8 223.4

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

この色では、シアン(Cyan)が他の色よりも際立っています。青と緑の色相を表す値は、3番目の値よりも大きい。互いに近接し、赤の色相の値を超えている。 色値が他と比較して高いため、この色合いは私たちには明るく見える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #037EDF まで HEX #FC801F


CSSコード:

background-image: linear-gradient(135deg, #037EDF 5%, #FC801F 99%);

ラジアル

HEX #037EDF まで HEX #FC801F


CSSコード:

background-image: radial-gradient(circle, #037EDF 9%, #FC801F 86%);

 

HEX #FC801F まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #FC801F 13%, #037EDF 93%);

 

HEX #FC801F まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #FC801F 1%, #037EDF 94%);

リニア

HEX #037EDF まで HEX #03B8DD


CSSコード:

background-image: linear-gradient(135deg, #037EDF 1%, #03B8DD 88%);

ラジアル

HEX #037EDF まで HEX #03B8DD


CSSコード:

background-image: radial-gradient(circle, #037EDF 3%, #03B8DD 99%);

 

HEX #03B8DD まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #03B8DD 11%, #037EDF 90%);

 

HEX #03B8DD まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #03B8DD 1%, #037EDF 99%);

 

HEX #037EDF まで HEX #037EDD


CSSコード:

background-image: linear-gradient(135deg, #037EDF 13%, #037EDD 92%);

 

HEX #037EDF まで HEX #037EDD


CSSコード:

background-image: radial-gradient(circle, #037EDF 14%, #037EDD 92%);

 

HEX #037EDD まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #037EDD 10%, #037EDF 98%);

 

HEX #037EDD まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #037EDD 14%, #037EDF 90%);

 

HEX #037EDF まで HEX #0344DD


CSSコード:

background-image: linear-gradient(135deg, #037EDF 6%, #0344DD 95%);

 

HEX #037EDF まで HEX #0344DD


CSSコード:

background-image: radial-gradient(circle, #037EDF 12%, #0344DD 94%);

 

HEX #0344DD まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #0344DD 13%, #037EDF 99%);

 

HEX #0344DD まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #0344DD 5%, #037EDF 98%);

 

HEX #037EDF まで HEX #030ADD


CSSコード:

background-image: linear-gradient(135deg, #037EDF 1%, #030ADD 88%);

 

HEX #037EDF まで HEX #030ADD


CSSコード:

background-image: radial-gradient(circle, #037EDF 9%, #030ADD 89%);

 

HEX #030ADD まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #030ADD 13%, #037EDF 90%);

 

HEX #030ADD まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #030ADD 2%, #037EDF 90%);

リニア

HEX #037EDF まで HEX #0266B4


CSSコード:

background-image: linear-gradient(135deg, #037EDF 13%, #0266B4 96%);

ラジアル

HEX #037EDF まで HEX #0266B4


CSSコード:

background-image: radial-gradient(circle, #037EDF 7%, #0266B4 88%);

 

HEX #0266B4 まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #0266B4 11%, #037EDF 89%);

 

HEX #0266B4 まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #0266B4 9%, #037EDF 94%);

 

HEX #037EDF まで HEX #037DDD


CSSコード:

background-image: linear-gradient(135deg, #037EDF 9%, #037DDD 98%);

 

HEX #037EDF まで HEX #037DDD


CSSコード:

background-image: radial-gradient(circle, #037EDF 4%, #037DDD 94%);

 

HEX #037DDD まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #037DDD 8%, #037EDF 86%);

 

HEX #037DDD まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #037DDD 11%, #037EDF 96%);

 

HEX #037EDF まで HEX #0E93FB


CSSコード:

background-image: linear-gradient(135deg, #037EDF 4%, #0E93FB 99%);

 

HEX #037EDF まで HEX #0E93FB


CSSコード:

background-image: radial-gradient(circle, #037EDF 9%, #0E93FB 100%);

 

HEX #0E93FB まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #0E93FB 6%, #037EDF 98%);

 

HEX #0E93FB まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #0E93FB 6%, #037EDF 100%);

 

HEX #037EDF まで HEX #36A5FB


CSSコード:

background-image: linear-gradient(135deg, #037EDF 14%, #36A5FB 97%);

 

HEX #037EDF まで HEX #36A5FB


CSSコード:

background-image: radial-gradient(circle, #037EDF 1%, #36A5FB 95%);

 

HEX #36A5FB まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #36A5FB 4%, #037EDF 97%);

 

HEX #36A5FB まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #36A5FB 13%, #037EDF 92%);

リニア

HEX #037EDF まで HEX #03B8DD


CSSコード:

background-image: linear-gradient(135deg, #037EDF 4%, #03B8DD 87%);

ラジアル

HEX #037EDF まで HEX #03B8DD


CSSコード:

background-image: radial-gradient(circle, #037EDF 1%, #03B8DD 94%);

 

HEX #03B8DD まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #03B8DD 8%, #037EDF 91%);

 

HEX #03B8DD まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #03B8DD 6%, #037EDF 87%);

 

HEX #037EDF まで HEX #037EDD


CSSコード:

background-image: linear-gradient(135deg, #037EDF 5%, #037EDD 99%);

 

HEX #037EDF まで HEX #037EDD


CSSコード:

background-image: radial-gradient(circle, #037EDF 4%, #037EDD 96%);

 

HEX #037EDD まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #037EDD 12%, #037EDF 98%);

 

HEX #037EDD まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #037EDD 2%, #037EDF 86%);

 

HEX #037EDF まで HEX #0344DD


CSSコード:

background-image: linear-gradient(135deg, #037EDF 1%, #0344DD 92%);

 

HEX #037EDF まで HEX #0344DD


CSSコード:

background-image: radial-gradient(circle, #037EDF 14%, #0344DD 93%);

 

HEX #0344DD まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #0344DD 6%, #037EDF 94%);

 

HEX #0344DD まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #0344DD 13%, #037EDF 97%);

 

HEX #037EDF まで HEX #030ADD


CSSコード:

background-image: linear-gradient(135deg, #037EDF 4%, #030ADD 93%);

 

HEX #037EDF まで HEX #030ADD


CSSコード:

background-image: radial-gradient(circle, #037EDF 3%, #030ADD 91%);

 

HEX #030ADD まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #030ADD 4%, #037EDF 100%);

 

HEX #030ADD まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #030ADD 9%, #037EDF 100%);

リニア

HEX #037EDF まで HEX #0266B4


CSSコード:

background-image: linear-gradient(135deg, #037EDF 10%, #0266B4 89%);

ラジアル

HEX #037EDF まで HEX #0266B4


CSSコード:

background-image: radial-gradient(circle, #037EDF 10%, #0266B4 88%);

 

HEX #0266B4 まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #0266B4 13%, #037EDF 98%);

 

HEX #0266B4 まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #0266B4 9%, #037EDF 88%);

 

HEX #037EDF まで HEX #037DDD


CSSコード:

background-image: linear-gradient(135deg, #037EDF 0%, #037DDD 90%);

 

HEX #037EDF まで HEX #037DDD


CSSコード:

background-image: radial-gradient(circle, #037EDF 4%, #037DDD 90%);

 

HEX #037DDD まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #037DDD 11%, #037EDF 93%);

 

HEX #037DDD まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #037DDD 13%, #037EDF 88%);

 

HEX #037EDF まで HEX #0E93FB


CSSコード:

background-image: linear-gradient(135deg, #037EDF 5%, #0E93FB 90%);

 

HEX #037EDF まで HEX #0E93FB


CSSコード:

background-image: radial-gradient(circle, #037EDF 5%, #0E93FB 98%);

 

HEX #0E93FB まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #0E93FB 3%, #037EDF 90%);

 

HEX #0E93FB まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #0E93FB 13%, #037EDF 100%);

 

HEX #037EDF まで HEX #36A5FB


CSSコード:

background-image: linear-gradient(135deg, #037EDF 12%, #36A5FB 99%);

 

HEX #037EDF まで HEX #36A5FB


CSSコード:

background-image: radial-gradient(circle, #037EDF 11%, #36A5FB 97%);

 

HEX #36A5FB まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #36A5FB 13%, #037EDF 97%);

 

HEX #36A5FB まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #36A5FB 0%, #037EDF 97%);

リニア

HEX #037EDF まで HEX #8D03DD


CSSコード:

background-image: linear-gradient(135deg, #037EDF 9%, #8D03DD 90%);

ラジアル

HEX #037EDF まで HEX #8D03DD


CSSコード:

background-image: radial-gradient(circle, #037EDF 5%, #8D03DD 100%);

 

HEX #8D03DD まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #8D03DD 10%, #037EDF 100%);

 

HEX #8D03DD まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #8D03DD 3%, #037EDF 95%);

 

HEX #037EDF まで HEX #D5DD03


CSSコード:

background-image: linear-gradient(135deg, #037EDF 7%, #D5DD03 97%);

 

HEX #037EDF まで HEX #D5DD03


CSSコード:

background-image: radial-gradient(circle, #037EDF 3%, #D5DD03 96%);

 

HEX #D5DD03 まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #D5DD03 2%, #037EDF 95%);

 

HEX #D5DD03 まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #D5DD03 10%, #037EDF 90%);

リニア

HEX #037EDF まで HEX #DD037E


CSSコード:

background-image: linear-gradient(135deg, #037EDF 7%, #DD037E 93%);

ラジアル

HEX #037EDF まで HEX #DD037E


CSSコード:

background-image: radial-gradient(circle, #037EDF 12%, #DD037E 90%);

 

HEX #DD037E まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #DD037E 5%, #037EDF 93%);

 

HEX #DD037E まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #DD037E 3%, #037EDF 98%);

 

HEX #037EDF まで HEX #7EDD03


CSSコード:

background-image: linear-gradient(135deg, #037EDF 8%, #7EDD03 94%);

 

HEX #037EDF まで HEX #7EDD03


CSSコード:

background-image: radial-gradient(circle, #037EDF 12%, #7EDD03 91%);

 

HEX #7EDD03 まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #7EDD03 8%, #037EDF 95%);

 

HEX #7EDD03 まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #7EDD03 13%, #037EDF 91%);

リニア

HEX #037EDF まで HEX #8D03DD


CSSコード:

background-image: linear-gradient(135deg, #037EDF 1%, #8D03DD 91%);

ラジアル

HEX #037EDF まで HEX #8D03DD


CSSコード:

background-image: radial-gradient(circle, #037EDF 1%, #8D03DD 89%);

 

HEX #8D03DD まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #8D03DD 2%, #037EDF 97%);

 

HEX #8D03DD まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #8D03DD 1%, #037EDF 91%);

 

HEX #037EDF まで HEX #DD6103


CSSコード:

background-image: linear-gradient(135deg, #037EDF 0%, #DD6103 89%);

 

HEX #037EDF まで HEX #DD6103


CSSコード:

background-image: radial-gradient(circle, #037EDF 3%, #DD6103 89%);

 

HEX #DD6103 まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #DD6103 5%, #037EDF 89%);

 

HEX #DD6103 まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #DD6103 9%, #037EDF 93%);

 

HEX #037EDF まで HEX #53DD03


CSSコード:

background-image: linear-gradient(135deg, #037EDF 13%, #53DD03 87%);

 

HEX #037EDF まで HEX #53DD03


CSSコード:

background-image: radial-gradient(circle, #037EDF 6%, #53DD03 91%);

 

HEX #53DD03 まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #53DD03 13%, #037EDF 93%);

 

HEX #53DD03 まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #53DD03 1%, #037EDF 87%);

リニア

HEX #037EDF まで HEX #CE03DD


CSSコード:

background-image: linear-gradient(135deg, #037EDF 0%, #CE03DD 86%);

ラジアル

HEX #037EDF まで HEX #CE03DD


CSSコード:

background-image: radial-gradient(circle, #037EDF 4%, #CE03DD 87%);

 

HEX #CE03DD まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #CE03DD 11%, #037EDF 98%);

 

HEX #CE03DD まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #CE03DD 12%, #037EDF 89%);

 

HEX #037EDF まで HEX #DD6103


CSSコード:

background-image: linear-gradient(135deg, #037EDF 10%, #DD6103 97%);

 

HEX #037EDF まで HEX #DD6103


CSSコード:

background-image: radial-gradient(circle, #037EDF 4%, #DD6103 97%);

 

HEX #DD6103 まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #DD6103 4%, #037EDF 91%);

 

HEX #DD6103 まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #DD6103 5%, #037EDF 92%);

 

HEX #037EDF まで HEX #11DD03


CSSコード:

background-image: linear-gradient(135deg, #037EDF 6%, #11DD03 88%);

 

HEX #037EDF まで HEX #11DD03


CSSコード:

background-image: radial-gradient(circle, #037EDF 14%, #11DD03 90%);

 

HEX #11DD03 まで HEX #037EDF


CSSコード:

background-image: linear-gradient(135deg, #11DD03 2%, #037EDF 96%);

 

HEX #11DD03 まで HEX #037EDF


CSSコード:

background-image: radial-gradient(circle, #11DD03 9%, #037EDF 94%);

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

サービス内容

カラー

ラグビー に 呪咀

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