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

CSS グラデーション:
RGBA 26 5 37 0.6

インフォメーション

一網打尽



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

ウェブデザインのためのシンプルさ:あなたのウェブサイトに簡単に統合できるように、CSSコードをコピーしてください。



線形および放射状の色遷移の例を 明るい色合い から見つけてください。

Web デザインに最適: CSS コードをコピーして、Web サイトに簡単に統合できます。



線形および放射状の色遷移の例を ダークシェード から見つけてください。

Web デザインに最適: CSS コードをコピーして、Web サイトに簡単に統合できます。

表示オプション

商品説明

暗い色:色の値が低いと暗く見える。

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

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

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

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

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

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

レッツゴー

リニア

HEX #1A052599 まで HEX #E5FADA99


CSSコード:

background-image: linear-gradient(135deg, #1A052599 1%, #E5FADA99 96%);

ラジアル

HEX #1A052599 まで HEX #E5FADA99


CSSコード:

background-image: radial-gradient(circle, #1A052599 11%, #E5FADA99 92%);

 

HEX #E5FADA99 まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #E5FADA99 11%, #1A052599 90%);

 

HEX #E5FADA99 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #E5FADA99 0%, #1A052599 96%);

リニア

HEX #1A052599 まで HEX #11052499


CSSコード:

background-image: linear-gradient(135deg, #1A052599 0%, #11052499 94%);

ラジアル

HEX #1A052599 まで HEX #11052499


CSSコード:

background-image: radial-gradient(circle, #1A052599 2%, #11052499 98%);

 

HEX #11052499 まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #11052499 11%, #1A052599 92%);

 

HEX #11052499 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #11052499 6%, #1A052599 96%);

 

HEX #1A052599 まで HEX #19052499


CSSコード:

background-image: linear-gradient(135deg, #1A052599 7%, #19052499 97%);

 

HEX #1A052599 まで HEX #19052499


CSSコード:

background-image: radial-gradient(circle, #1A052599 1%, #19052499 92%);

 

HEX #19052499 まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #19052499 5%, #1A052599 92%);

 

HEX #19052499 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #19052499 3%, #1A052599 90%);

 

HEX #1A052599 まで HEX #21052499


CSSコード:

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

 

HEX #1A052599 まで HEX #21052499


CSSコード:

background-image: radial-gradient(circle, #1A052599 8%, #21052499 98%);

 

HEX #21052499 まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #21052499 3%, #1A052599 94%);

 

HEX #21052499 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #21052499 0%, #1A052599 90%);

 

HEX #1A052599 まで HEX #24051E99


CSSコード:

background-image: linear-gradient(135deg, #1A052599 5%, #24051E99 95%);

 

HEX #1A052599 まで HEX #24051E99


CSSコード:

background-image: radial-gradient(circle, #1A052599 14%, #24051E99 91%);

 

HEX #24051E99 まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #24051E99 4%, #1A052599 100%);

 

HEX #24051E99 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #24051E99 13%, #1A052599 98%);

リニア

HEX #1A052599 まで HEX #190524


CSSコード:

background-image: linear-gradient(135deg, #1A052599 12%, #190524 94%);

ラジアル

HEX #1A052599 まで HEX #190524


CSSコード:

background-image: radial-gradient(circle, #1A052599 4%, #190524 98%);

 

HEX #190524 まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #190524 9%, #1A052599 99%);

 

HEX #190524 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #190524 12%, #1A052599 97%);

 

HEX #1A052599 まで HEX #330A48


CSSコード:

background-image: linear-gradient(135deg, #1A052599 2%, #330A48 93%);

 

HEX #1A052599 まで HEX #330A48


CSSコード:

background-image: radial-gradient(circle, #1A052599 4%, #330A48 95%);

 

HEX #330A48 まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #330A48 11%, #1A052599 88%);

 

HEX #330A48 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #330A48 2%, #1A052599 87%);

 

HEX #1A052599 まで HEX #4C0F6D


CSSコード:

background-image: linear-gradient(135deg, #1A052599 4%, #4C0F6D 87%);

 

HEX #1A052599 まで HEX #4C0F6D


CSSコード:

background-image: radial-gradient(circle, #1A052599 4%, #4C0F6D 90%);

 

HEX #4C0F6D まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #4C0F6D 14%, #1A052599 97%);

 

HEX #4C0F6D まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #4C0F6D 3%, #1A052599 90%);

リニア

HEX #1A052599 まで HEX #11052499


CSSコード:

background-image: linear-gradient(135deg, #1A052599 9%, #11052499 96%);

ラジアル

HEX #1A052599 まで HEX #11052499


CSSコード:

background-image: radial-gradient(circle, #1A052599 14%, #11052499 94%);

 

HEX #11052499 まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #11052499 3%, #1A052599 92%);

 

HEX #11052499 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #11052499 13%, #1A052599 98%);

 

HEX #1A052599 まで HEX #19052499


CSSコード:

background-image: linear-gradient(135deg, #1A052599 6%, #19052499 91%);

 

HEX #1A052599 まで HEX #19052499


CSSコード:

background-image: radial-gradient(circle, #1A052599 0%, #19052499 98%);

 

HEX #19052499 まで HEX #1A052599


CSSコード:

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

 

HEX #19052499 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #19052499 0%, #1A052599 91%);

 

HEX #1A052599 まで HEX #21052499


CSSコード:

background-image: linear-gradient(135deg, #1A052599 3%, #21052499 100%);

 

HEX #1A052599 まで HEX #21052499


CSSコード:

background-image: radial-gradient(circle, #1A052599 13%, #21052499 100%);

 

HEX #21052499 まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #21052499 8%, #1A052599 87%);

 

HEX #21052499 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #21052499 5%, #1A052599 98%);

 

HEX #1A052599 まで HEX #24051E99


CSSコード:

background-image: linear-gradient(135deg, #1A052599 1%, #24051E99 95%);

 

HEX #1A052599 まで HEX #24051E99


CSSコード:

background-image: radial-gradient(circle, #1A052599 4%, #24051E99 93%);

 

HEX #24051E99 まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #24051E99 3%, #1A052599 95%);

 

HEX #24051E99 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #24051E99 12%, #1A052599 94%);

リニア

HEX #1A052599 まで HEX #190524


CSSコード:

background-image: linear-gradient(135deg, #1A052599 10%, #190524 89%);

ラジアル

HEX #1A052599 まで HEX #190524


CSSコード:

background-image: radial-gradient(circle, #1A052599 5%, #190524 95%);

 

HEX #190524 まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #190524 9%, #1A052599 99%);

 

HEX #190524 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #190524 9%, #1A052599 99%);

 

HEX #1A052599 まで HEX #330A48


CSSコード:

background-image: linear-gradient(135deg, #1A052599 11%, #330A48 93%);

 

HEX #1A052599 まで HEX #330A48


CSSコード:

background-image: radial-gradient(circle, #1A052599 9%, #330A48 95%);

 

HEX #330A48 まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #330A48 11%, #1A052599 95%);

 

HEX #330A48 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #330A48 13%, #1A052599 87%);

 

HEX #1A052599 まで HEX #4C0F6D


CSSコード:

background-image: linear-gradient(135deg, #1A052599 12%, #4C0F6D 90%);

 

HEX #1A052599 まで HEX #4C0F6D


CSSコード:

background-image: radial-gradient(circle, #1A052599 4%, #4C0F6D 97%);

 

HEX #4C0F6D まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #4C0F6D 7%, #1A052599 97%);

 

HEX #4C0F6D まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #4C0F6D 8%, #1A052599 98%);

リニア

HEX #1A052599 まで HEX #24050A


CSSコード:

background-image: linear-gradient(135deg, #1A052599 4%, #24050A 87%);

ラジアル

HEX #1A052599 まで HEX #24050A


CSSコード:

background-image: radial-gradient(circle, #1A052599 14%, #24050A 91%);

 

HEX #24050A まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #24050A 7%, #1A052599 87%);

 

HEX #24050A まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #24050A 3%, #1A052599 91%);

 

HEX #1A052599 まで HEX #05240D


CSSコード:

background-image: linear-gradient(135deg, #1A052599 6%, #05240D 100%);

 

HEX #1A052599 まで HEX #05240D


CSSコード:

background-image: radial-gradient(circle, #1A052599 0%, #05240D 93%);

 

HEX #05240D まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #05240D 10%, #1A052599 91%);

 

HEX #05240D まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #05240D 12%, #1A052599 87%);

リニア

HEX #1A052599 まで HEX #241905


CSSコード:

background-image: linear-gradient(135deg, #1A052599 3%, #241905 96%);

ラジアル

HEX #1A052599 まで HEX #241905


CSSコード:

background-image: radial-gradient(circle, #1A052599 1%, #241905 92%);

 

HEX #241905 まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #241905 2%, #1A052599 97%);

 

HEX #241905 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #241905 8%, #1A052599 96%);

 

HEX #1A052599 まで HEX #052419


CSSコード:

background-image: linear-gradient(135deg, #1A052599 0%, #052419 87%);

 

HEX #1A052599 まで HEX #052419


CSSコード:

background-image: radial-gradient(circle, #1A052599 0%, #052419 94%);

 

HEX #052419 まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #052419 3%, #1A052599 87%);

 

HEX #052419 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #052419 5%, #1A052599 88%);

リニア

HEX #1A052599 まで HEX #24050A


CSSコード:

background-image: linear-gradient(135deg, #1A052599 11%, #24050A 97%);

ラジアル

HEX #1A052599 まで HEX #24050A


CSSコード:

background-image: radial-gradient(circle, #1A052599 3%, #24050A 93%);

 

HEX #24050A まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #24050A 14%, #1A052599 99%);

 

HEX #24050A まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #24050A 4%, #1A052599 94%);

 

HEX #1A052599 まで HEX #102405


CSSコード:

background-image: linear-gradient(135deg, #1A052599 7%, #102405 87%);

 

HEX #1A052599 まで HEX #102405


CSSコード:

background-image: radial-gradient(circle, #1A052599 14%, #102405 90%);

 

HEX #102405 まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #102405 13%, #1A052599 87%);

 

HEX #102405 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #102405 11%, #1A052599 88%);

 

HEX #1A052599 まで HEX #05241F


CSSコード:

background-image: linear-gradient(135deg, #1A052599 7%, #05241F 86%);

 

HEX #1A052599 まで HEX #05241F


CSSコード:

background-image: radial-gradient(circle, #1A052599 8%, #05241F 89%);

 

HEX #05241F まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #05241F 14%, #1A052599 87%);

 

HEX #05241F まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #05241F 2%, #1A052599 86%);

リニア

HEX #1A052599 まで HEX #240A05


CSSコード:

background-image: linear-gradient(135deg, #1A052599 10%, #240A05 96%);

ラジアル

HEX #1A052599 まで HEX #240A05


CSSコード:

background-image: radial-gradient(circle, #1A052599 4%, #240A05 98%);

 

HEX #240A05 まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #240A05 10%, #1A052599 87%);

 

HEX #240A05 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #240A05 14%, #1A052599 86%);

 

HEX #1A052599 まで HEX #102405


CSSコード:

background-image: linear-gradient(135deg, #1A052599 12%, #102405 97%);

 

HEX #1A052599 まで HEX #102405


CSSコード:

background-image: radial-gradient(circle, #1A052599 0%, #102405 90%);

 

HEX #102405 まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #102405 8%, #1A052599 92%);

 

HEX #102405 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #102405 8%, #1A052599 100%);

 

HEX #1A052599 まで HEX #051F24


CSSコード:

background-image: linear-gradient(135deg, #1A052599 14%, #051F24 87%);

 

HEX #1A052599 まで HEX #051F24


CSSコード:

background-image: radial-gradient(circle, #1A052599 12%, #051F24 88%);

 

HEX #051F24 まで HEX #1A052599


CSSコード:

background-image: linear-gradient(135deg, #051F24 14%, #1A052599 96%);

 

HEX #051F24 まで HEX #1A052599


CSSコード:

background-image: radial-gradient(circle, #051F24 11%, #1A052599 93%);

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

サービス内容

カラー

ラグビー に 呪咀

から変換する 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, a registration is required.

Log 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 desired link.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking on you can create palettes and download the color swatches.