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

CSS グラデーション:
RGB 6 131 47

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #06832F まで HEX #F97CD0


CSSコード:

background-image: linear-gradient(135deg, #06832F 8%, #F97CD0 86%);

ラジアル

HEX #06832F まで HEX #F97CD0


CSSコード:

background-image: radial-gradient(circle, #06832F 10%, #F97CD0 98%);

 

HEX #F97CD0 まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #F97CD0 9%, #06832F 97%);

 

HEX #F97CD0 まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #F97CD0 12%, #06832F 100%);

リニア

HEX #06832F まで HEX #06830C


CSSコード:

background-image: linear-gradient(135deg, #06832F 3%, #06830C 90%);

ラジアル

HEX #06832F まで HEX #06830C


CSSコード:

background-image: radial-gradient(circle, #06832F 9%, #06830C 100%);

 

HEX #06830C まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #06830C 6%, #06832F 99%);

 

HEX #06830C まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #06830C 14%, #06832F 99%);

 

HEX #06832F まで HEX #06832D


CSSコード:

background-image: linear-gradient(135deg, #06832F 0%, #06832D 87%);

 

HEX #06832F まで HEX #06832D


CSSコード:

background-image: radial-gradient(circle, #06832F 1%, #06832D 98%);

 

HEX #06832D まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #06832D 12%, #06832F 92%);

 

HEX #06832D まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #06832D 7%, #06832F 97%);

 

HEX #06832F まで HEX #06834F


CSSコード:

background-image: linear-gradient(135deg, #06832F 7%, #06834F 90%);

 

HEX #06832F まで HEX #06834F


CSSコード:

background-image: radial-gradient(circle, #06832F 14%, #06834F 99%);

 

HEX #06834F まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #06834F 9%, #06832F 92%);

 

HEX #06834F まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #06834F 0%, #06832F 99%);

 

HEX #06832F まで HEX #068370


CSSコード:

background-image: linear-gradient(135deg, #06832F 13%, #068370 97%);

 

HEX #06832F まで HEX #068370


CSSコード:

background-image: radial-gradient(circle, #06832F 5%, #068370 95%);

 

HEX #068370 まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #068370 12%, #06832F 98%);

 

HEX #068370 まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #068370 5%, #06832F 90%);

リニア

HEX #06832F まで HEX #045C21


CSSコード:

background-image: linear-gradient(135deg, #06832F 7%, #045C21 90%);

ラジアル

HEX #06832F まで HEX #045C21


CSSコード:

background-image: radial-gradient(circle, #06832F 14%, #045C21 92%);

 

HEX #045C21 まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #045C21 0%, #06832F 98%);

 

HEX #045C21 まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #045C21 12%, #06832F 93%);

 

HEX #06832F まで HEX #08AA3D


CSSコード:

background-image: linear-gradient(135deg, #06832F 2%, #08AA3D 93%);

 

HEX #06832F まで HEX #08AA3D


CSSコード:

background-image: radial-gradient(circle, #06832F 13%, #08AA3D 97%);

 

HEX #08AA3D まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #08AA3D 13%, #06832F 89%);

 

HEX #08AA3D まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #08AA3D 2%, #06832F 94%);

 

HEX #06832F まで HEX #09D24B


CSSコード:

background-image: linear-gradient(135deg, #06832F 13%, #09D24B 86%);

 

HEX #06832F まで HEX #09D24B


CSSコード:

background-image: radial-gradient(circle, #06832F 3%, #09D24B 92%);

 

HEX #09D24B まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #09D24B 2%, #06832F 95%);

 

HEX #09D24B まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #09D24B 3%, #06832F 93%);

リニア

HEX #06832F まで HEX #06830C


CSSコード:

background-image: linear-gradient(135deg, #06832F 12%, #06830C 87%);

ラジアル

HEX #06832F まで HEX #06830C


CSSコード:

background-image: radial-gradient(circle, #06832F 11%, #06830C 89%);

 

HEX #06830C まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #06830C 9%, #06832F 92%);

 

HEX #06830C まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #06830C 0%, #06832F 98%);

 

HEX #06832F まで HEX #06832D


CSSコード:

background-image: linear-gradient(135deg, #06832F 13%, #06832D 97%);

 

HEX #06832F まで HEX #06832D


CSSコード:

background-image: radial-gradient(circle, #06832F 5%, #06832D 96%);

 

HEX #06832D まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #06832D 13%, #06832F 93%);

 

HEX #06832D まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #06832D 8%, #06832F 98%);

 

HEX #06832F まで HEX #06834F


CSSコード:

background-image: linear-gradient(135deg, #06832F 7%, #06834F 87%);

 

HEX #06832F まで HEX #06834F


CSSコード:

background-image: radial-gradient(circle, #06832F 14%, #06834F 87%);

 

HEX #06834F まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #06834F 2%, #06832F 89%);

 

HEX #06834F まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #06834F 5%, #06832F 96%);

 

HEX #06832F まで HEX #068370


CSSコード:

background-image: linear-gradient(135deg, #06832F 13%, #068370 99%);

 

HEX #06832F まで HEX #068370


CSSコード:

background-image: radial-gradient(circle, #06832F 10%, #068370 94%);

 

HEX #068370 まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #068370 6%, #06832F 95%);

 

HEX #068370 まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #068370 0%, #06832F 88%);

リニア

HEX #06832F まで HEX #045C21


CSSコード:

background-image: linear-gradient(135deg, #06832F 1%, #045C21 86%);

ラジアル

HEX #06832F まで HEX #045C21


CSSコード:

background-image: radial-gradient(circle, #06832F 7%, #045C21 87%);

 

HEX #045C21 まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #045C21 7%, #06832F 95%);

 

HEX #045C21 まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #045C21 6%, #06832F 89%);

 

HEX #06832F まで HEX #08AA3D


CSSコード:

background-image: linear-gradient(135deg, #06832F 2%, #08AA3D 91%);

 

HEX #06832F まで HEX #08AA3D


CSSコード:

background-image: radial-gradient(circle, #06832F 13%, #08AA3D 97%);

 

HEX #08AA3D まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #08AA3D 7%, #06832F 87%);

 

HEX #08AA3D まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #08AA3D 12%, #06832F 93%);

 

HEX #06832F まで HEX #09D24B


CSSコード:

background-image: linear-gradient(135deg, #06832F 8%, #09D24B 94%);

 

HEX #06832F まで HEX #09D24B


CSSコード:

background-image: radial-gradient(circle, #06832F 10%, #09D24B 88%);

 

HEX #09D24B まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #09D24B 13%, #06832F 99%);

 

HEX #09D24B まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #09D24B 11%, #06832F 98%);

リニア

HEX #06832F まで HEX #064283


CSSコード:

background-image: linear-gradient(135deg, #06832F 8%, #064283 92%);

ラジアル

HEX #06832F まで HEX #064283


CSSコード:

background-image: radial-gradient(circle, #06832F 7%, #064283 94%);

 

HEX #064283 まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #064283 9%, #06832F 96%);

 

HEX #064283 まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #064283 6%, #06832F 87%);

 

HEX #06832F まで HEX #830610


CSSコード:

background-image: linear-gradient(135deg, #06832F 1%, #830610 87%);

 

HEX #06832F まで HEX #830610


CSSコード:

background-image: radial-gradient(circle, #06832F 8%, #830610 86%);

 

HEX #830610 まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #830610 10%, #06832F 96%);

 

HEX #830610 まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #830610 3%, #06832F 100%);

リニア

HEX #06832F まで HEX #2D0683


CSSコード:

background-image: linear-gradient(135deg, #06832F 7%, #2D0683 88%);

ラジアル

HEX #06832F まで HEX #2D0683


CSSコード:

background-image: radial-gradient(circle, #06832F 13%, #2D0683 91%);

 

HEX #2D0683 まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #2D0683 9%, #06832F 89%);

 

HEX #2D0683 まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #2D0683 14%, #06832F 89%);

 

HEX #06832F まで HEX #832D06


CSSコード:

background-image: linear-gradient(135deg, #06832F 13%, #832D06 89%);

 

HEX #06832F まで HEX #832D06


CSSコード:

background-image: radial-gradient(circle, #06832F 10%, #832D06 94%);

 

HEX #832D06 まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #832D06 2%, #06832F 90%);

 

HEX #832D06 まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #832D06 12%, #06832F 92%);

リニア

HEX #06832F まで HEX #064283


CSSコード:

background-image: linear-gradient(135deg, #06832F 12%, #064283 86%);

ラジアル

HEX #06832F まで HEX #064283


CSSコード:

background-image: radial-gradient(circle, #06832F 3%, #064283 100%);

 

HEX #064283 まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #064283 0%, #06832F 94%);

 

HEX #064283 まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #064283 3%, #06832F 95%);

 

HEX #06832F まで HEX #83065B


CSSコード:

background-image: linear-gradient(135deg, #06832F 7%, #83065B 97%);

 

HEX #06832F まで HEX #83065B


CSSコード:

background-image: radial-gradient(circle, #06832F 2%, #83065B 88%);

 

HEX #83065B まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #83065B 1%, #06832F 94%);

 

HEX #83065B まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #83065B 13%, #06832F 95%);

 

HEX #06832F まで HEX #834606


CSSコード:

background-image: linear-gradient(135deg, #06832F 8%, #834606 93%);

 

HEX #06832F まで HEX #834606


CSSコード:

background-image: radial-gradient(circle, #06832F 5%, #834606 96%);

 

HEX #834606 まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #834606 13%, #06832F 100%);

 

HEX #834606 まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #834606 1%, #06832F 87%);

リニア

HEX #06832F まで HEX #061D83


CSSコード:

background-image: linear-gradient(135deg, #06832F 4%, #061D83 86%);

ラジアル

HEX #06832F まで HEX #061D83


CSSコード:

background-image: radial-gradient(circle, #06832F 12%, #061D83 86%);

 

HEX #061D83 まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #061D83 5%, #06832F 95%);

 

HEX #061D83 まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #061D83 0%, #06832F 100%);

 

HEX #06832F まで HEX #83065B


CSSコード:

background-image: linear-gradient(135deg, #06832F 1%, #83065B 87%);

 

HEX #06832F まで HEX #83065B


CSSコード:

background-image: radial-gradient(circle, #06832F 9%, #83065B 89%);

 

HEX #83065B まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #83065B 5%, #06832F 87%);

 

HEX #83065B まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #83065B 2%, #06832F 95%);

 

HEX #06832F まで HEX #836C06


CSSコード:

background-image: linear-gradient(135deg, #06832F 0%, #836C06 96%);

 

HEX #06832F まで HEX #836C06


CSSコード:

background-image: radial-gradient(circle, #06832F 5%, #836C06 88%);

 

HEX #836C06 まで HEX #06832F


CSSコード:

background-image: linear-gradient(135deg, #836C06 1%, #06832F 99%);

 

HEX #836C06 まで HEX #06832F


CSSコード:

background-image: radial-gradient(circle, #836C06 3%, #06832F 89%);

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

サービス内容

カラー

ラグビー に 呪咀

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