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

CSS グラデーション:
#08127C

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #08127C まで HEX #F7ED83


CSSコード:

background-image: linear-gradient(135deg, #08127C 8%, #F7ED83 92%);

ラジアル

HEX #08127C まで HEX #F7ED83


CSSコード:

background-image: radial-gradient(circle, #08127C 0%, #F7ED83 95%);

 

HEX #F7ED83 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #F7ED83 4%, #08127C 99%);

 

HEX #F7ED83 まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #F7ED83 14%, #08127C 94%);

リニア

HEX #08127C まで HEX #1E248A


CSSコード:

background-image: linear-gradient(135deg, #08127C 3%, #1E248A 98%);

ラジアル

HEX #08127C まで HEX #1E248A


CSSコード:

background-image: radial-gradient(circle, #08127C 9%, #1E248A 98%);

 

HEX #1E248A まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #1E248A 8%, #08127C 99%);

 

HEX #1E248A まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #1E248A 10%, #08127C 87%);

 

HEX #08127C まで HEX #2F369D


CSSコード:

background-image: linear-gradient(135deg, #08127C 13%, #2F369D 97%);

 

HEX #08127C まで HEX #2F369D


CSSコード:

background-image: radial-gradient(circle, #08127C 1%, #2F369D 93%);

 

HEX #2F369D まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #2F369D 10%, #08127C 96%);

 

HEX #2F369D まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #2F369D 6%, #08127C 86%);

 

HEX #08127C まで HEX #4048B0


CSSコード:

background-image: linear-gradient(135deg, #08127C 1%, #4048B0 86%);

 

HEX #08127C まで HEX #4048B0


CSSコード:

background-image: radial-gradient(circle, #08127C 13%, #4048B0 86%);

 

HEX #4048B0 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #4048B0 13%, #08127C 90%);

 

HEX #4048B0 まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #4048B0 5%, #08127C 91%);

 

HEX #08127C まで HEX #515AC3


CSSコード:

background-image: linear-gradient(135deg, #08127C 6%, #515AC3 94%);

 

HEX #08127C まで HEX #515AC3


CSSコード:

background-image: radial-gradient(circle, #08127C 1%, #515AC3 95%);

 

HEX #515AC3 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #515AC3 4%, #08127C 98%);

 

HEX #515AC3 まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #515AC3 14%, #08127C 89%);

リニア

HEX #08127C まで HEX #000069


CSSコード:

background-image: linear-gradient(135deg, #08127C 14%, #000069 100%);

ラジアル

HEX #08127C まで HEX #000069


CSSコード:

background-image: radial-gradient(circle, #08127C 12%, #000069 92%);

 

HEX #000069 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #000069 13%, #08127C 90%);

 

HEX #000069 まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #000069 5%, #08127C 88%);

 

HEX #08127C まで HEX #000056


CSSコード:

background-image: linear-gradient(135deg, #08127C 5%, #000056 95%);

 

HEX #08127C まで HEX #000056


CSSコード:

background-image: radial-gradient(circle, #08127C 12%, #000056 99%);

 

HEX #000056 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #000056 4%, #08127C 94%);

 

HEX #000056 まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #000056 4%, #08127C 88%);

 

HEX #08127C まで HEX #000043


CSSコード:

background-image: linear-gradient(135deg, #08127C 6%, #000043 95%);

 

HEX #08127C まで HEX #000043


CSSコード:

background-image: radial-gradient(circle, #08127C 2%, #000043 92%);

 

HEX #000043 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #000043 2%, #08127C 90%);

 

HEX #000043 まで HEX #08127C


CSSコード:

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

 

HEX #08127C まで HEX #000030


CSSコード:

background-image: linear-gradient(135deg, #08127C 14%, #000030 86%);

 

HEX #08127C まで HEX #000030


CSSコード:

background-image: radial-gradient(circle, #08127C 11%, #000030 99%);

 

HEX #000030 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #000030 4%, #08127C 93%);

 

HEX #000030 まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #000030 1%, #08127C 95%);

リニア

HEX #08127C まで HEX #0F077C


CSSコード:

background-image: linear-gradient(135deg, #08127C 14%, #0F077C 95%);

ラジアル

HEX #08127C まで HEX #0F077C


CSSコード:

background-image: radial-gradient(circle, #08127C 12%, #0F077C 98%);

 

HEX #0F077C まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #0F077C 11%, #08127C 88%);

 

HEX #0F077C まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #0F077C 13%, #08127C 92%);

 

HEX #08127C まで HEX #23077C


CSSコード:

background-image: linear-gradient(135deg, #08127C 4%, #23077C 99%);

 

HEX #08127C まで HEX #23077C


CSSコード:

background-image: radial-gradient(circle, #08127C 10%, #23077C 95%);

 

HEX #23077C まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #23077C 7%, #08127C 88%);

 

HEX #23077C まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #23077C 11%, #08127C 99%);

 

HEX #08127C まで HEX #36077C


CSSコード:

background-image: linear-gradient(135deg, #08127C 6%, #36077C 87%);

 

HEX #08127C まで HEX #36077C


CSSコード:

background-image: radial-gradient(circle, #08127C 7%, #36077C 93%);

 

HEX #36077C まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #36077C 7%, #08127C 87%);

 

HEX #36077C まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #36077C 4%, #08127C 87%);

 

HEX #08127C まで HEX #4A077C


CSSコード:

background-image: linear-gradient(135deg, #08127C 6%, #4A077C 89%);

 

HEX #08127C まで HEX #4A077C


CSSコード:

background-image: radial-gradient(circle, #08127C 2%, #4A077C 91%);

 

HEX #4A077C まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #4A077C 11%, #08127C 93%);

 

HEX #4A077C まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #4A077C 12%, #08127C 88%);

リニア

HEX #08127C まで HEX #0B19AF


CSSコード:

background-image: linear-gradient(135deg, #08127C 6%, #0B19AF 97%);

ラジアル

HEX #08127C まで HEX #0B19AF


CSSコード:

background-image: radial-gradient(circle, #08127C 3%, #0B19AF 94%);

 

HEX #0B19AF まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #0B19AF 12%, #08127C 96%);

 

HEX #0B19AF まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #0B19AF 11%, #08127C 91%);

 

HEX #08127C まで HEX #0F21E2


CSSコード:

background-image: linear-gradient(135deg, #08127C 10%, #0F21E2 93%);

 

HEX #08127C まで HEX #0F21E2


CSSコード:

background-image: radial-gradient(circle, #08127C 6%, #0F21E2 87%);

 

HEX #0F21E2 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #0F21E2 11%, #08127C 87%);

 

HEX #0F21E2 まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #0F21E2 10%, #08127C 94%);

 

HEX #08127C まで HEX #010316


CSSコード:

background-image: linear-gradient(135deg, #08127C 7%, #010316 91%);

 

HEX #08127C まで HEX #010316


CSSコード:

background-image: radial-gradient(circle, #08127C 4%, #010316 86%);

 

HEX #010316 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #010316 8%, #08127C 91%);

 

HEX #010316 まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #010316 5%, #08127C 87%);

 

HEX #08127C まで HEX #050B49


CSSコード:

background-image: linear-gradient(135deg, #08127C 1%, #050B49 88%);

 

HEX #08127C まで HEX #050B49


CSSコード:

background-image: radial-gradient(circle, #08127C 1%, #050B49 94%);

 

HEX #050B49 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #050B49 6%, #08127C 95%);

 

HEX #050B49 まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #050B49 1%, #08127C 88%);

リニア

HEX #08127C まで HEX #7C0770


CSSコード:

background-image: linear-gradient(135deg, #08127C 2%, #7C0770 95%);

ラジアル

HEX #08127C まで HEX #7C0770


CSSコード:

background-image: radial-gradient(circle, #08127C 8%, #7C0770 96%);

 

HEX #7C0770 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #7C0770 1%, #08127C 99%);

 

HEX #7C0770 まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #7C0770 4%, #08127C 99%);

 

HEX #08127C まで HEX #427C07


CSSコード:

background-image: linear-gradient(135deg, #08127C 3%, #427C07 95%);

 

HEX #08127C まで HEX #427C07


CSSコード:

background-image: radial-gradient(circle, #08127C 14%, #427C07 88%);

 

HEX #427C07 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #427C07 13%, #08127C 86%);

 

HEX #427C07 まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #427C07 14%, #08127C 91%);

リニア

HEX #08127C まで HEX #7C0713


CSSコード:

background-image: linear-gradient(135deg, #08127C 4%, #7C0713 91%);

ラジアル

HEX #08127C まで HEX #7C0713


CSSコード:

background-image: radial-gradient(circle, #08127C 12%, #7C0713 88%);

 

HEX #7C0713 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #7C0713 5%, #08127C 96%);

 

HEX #7C0713 まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #7C0713 7%, #08127C 96%);

 

HEX #08127C まで HEX #137C07


CSSコード:

background-image: linear-gradient(135deg, #08127C 11%, #137C07 88%);

 

HEX #08127C まで HEX #137C07


CSSコード:

background-image: radial-gradient(circle, #08127C 7%, #137C07 100%);

 

HEX #137C07 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #137C07 6%, #08127C 91%);

 

HEX #137C07 まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #137C07 1%, #08127C 96%);

リニア

HEX #08127C まで HEX #7C0770


CSSコード:

background-image: linear-gradient(135deg, #08127C 5%, #7C0770 95%);

ラジアル

HEX #08127C まで HEX #7C0770


CSSコード:

background-image: radial-gradient(circle, #08127C 2%, #7C0770 95%);

 

HEX #7C0770 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #7C0770 11%, #08127C 88%);

 

HEX #7C0770 まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #7C0770 5%, #08127C 94%);

 

HEX #08127C まで HEX #7C7007


CSSコード:

background-image: linear-gradient(135deg, #08127C 8%, #7C7007 86%);

 

HEX #08127C まで HEX #7C7007


CSSコード:

background-image: radial-gradient(circle, #08127C 11%, #7C7007 93%);

 

HEX #7C7007 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #7C7007 2%, #08127C 93%);

 

HEX #7C7007 まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #7C7007 3%, #08127C 98%);

 

HEX #08127C まで HEX #077C13


CSSコード:

background-image: linear-gradient(135deg, #08127C 11%, #077C13 96%);

 

HEX #08127C まで HEX #077C13


CSSコード:

background-image: radial-gradient(circle, #08127C 3%, #077C13 97%);

 

HEX #077C13 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #077C13 13%, #08127C 98%);

 

HEX #077C13 まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #077C13 0%, #08127C 89%);

リニア

HEX #08127C まで HEX #7C074D


CSSコード:

background-image: linear-gradient(135deg, #08127C 10%, #7C074D 98%);

ラジアル

HEX #08127C まで HEX #7C074D


CSSコード:

background-image: radial-gradient(circle, #08127C 3%, #7C074D 86%);

 

HEX #7C074D まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #7C074D 12%, #08127C 86%);

 

HEX #7C074D まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #7C074D 7%, #08127C 88%);

 

HEX #08127C まで HEX #7C7007


CSSコード:

background-image: linear-gradient(135deg, #08127C 12%, #7C7007 97%);

 

HEX #08127C まで HEX #7C7007


CSSコード:

background-image: radial-gradient(circle, #08127C 11%, #7C7007 96%);

 

HEX #7C7007 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #7C7007 9%, #08127C 91%);

 

HEX #7C7007 まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #7C7007 2%, #08127C 99%);

 

HEX #08127C まで HEX #077C36


CSSコード:

background-image: linear-gradient(135deg, #08127C 12%, #077C36 86%);

 

HEX #08127C まで HEX #077C36


CSSコード:

background-image: radial-gradient(circle, #08127C 14%, #077C36 97%);

 

HEX #077C36 まで HEX #08127C


CSSコード:

background-image: linear-gradient(135deg, #077C36 12%, #08127C 89%);

 

HEX #077C36 まで HEX #08127C


CSSコード:

background-image: radial-gradient(circle, #077C36 13%, #08127C 91%);

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

サービス内容

カラー

ラグビー に 呪咀

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