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

error rgb: 104.1_252.8_175

CSS グラデーション:
RGB 104.1 252.8 175

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

色値が他と比較して高いため、この色合いは私たちには明るく見える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #68FCAF まで HEX #960250


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 0%, #960250 88%);

ラジアル

HEX #68FCAF まで HEX #960250


CSSコード:

background-image: radial-gradient(circle, #68FCAF 3%, #960250 87%);

 

HEX #960250 まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #960250 4%, #68FCAF 96%);

 

HEX #960250 まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #960250 0%, #68FCAF 88%);

リニア

HEX #68FCAF まで HEX #68FC85


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 10%, #68FC85 100%);

ラジアル

HEX #68FCAF まで HEX #68FC85


CSSコード:

background-image: radial-gradient(circle, #68FCAF 13%, #68FC85 94%);

 

HEX #68FC85 まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #68FC85 12%, #68FCAF 91%);

 

HEX #68FC85 まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #68FC85 8%, #68FCAF 89%);

 

HEX #68FCAF まで HEX #68FCAD


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 14%, #68FCAD 92%);

 

HEX #68FCAF まで HEX #68FCAD


CSSコード:

background-image: radial-gradient(circle, #68FCAF 9%, #68FCAD 90%);

 

HEX #68FCAD まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #68FCAD 11%, #68FCAF 96%);

 

HEX #68FCAD まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #68FCAD 8%, #68FCAF 91%);

 

HEX #68FCAF まで HEX #68FCD5


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 12%, #68FCD5 90%);

 

HEX #68FCAF まで HEX #68FCD5


CSSコード:

background-image: radial-gradient(circle, #68FCAF 11%, #68FCD5 99%);

 

HEX #68FCD5 まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #68FCD5 13%, #68FCAF 94%);

 

HEX #68FCD5 まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #68FCD5 4%, #68FCAF 99%);

 

HEX #68FCAF まで HEX #68FCFC


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 9%, #68FCFC 87%);

 

HEX #68FCAF まで HEX #68FCFC


CSSコード:

background-image: radial-gradient(circle, #68FCAF 8%, #68FCFC 89%);

 

HEX #68FCFC まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #68FCFC 5%, #68FCAF 91%);

 

HEX #68FCFC まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #68FCFC 4%, #68FCAF 92%);

リニア

HEX #68FCAF まで HEX #3FFC99


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 11%, #3FFC99 91%);

ラジアル

HEX #68FCAF まで HEX #3FFC99


CSSコード:

background-image: radial-gradient(circle, #68FCAF 3%, #3FFC99 99%);

 

HEX #3FFC99 まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #3FFC99 9%, #68FCAF 96%);

 

HEX #3FFC99 まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #3FFC99 14%, #68FCAF 88%);

 

HEX #68FCAF まで HEX #90FDC4


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 9%, #90FDC4 96%);

 

HEX #68FCAF まで HEX #90FDC4


CSSコード:

background-image: radial-gradient(circle, #68FCAF 4%, #90FDC4 93%);

 

HEX #90FDC4 まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #90FDC4 14%, #68FCAF 92%);

 

HEX #90FDC4 まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #90FDC4 5%, #68FCAF 100%);

 

HEX #68FCAF まで HEX #B9FDDA


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 9%, #B9FDDA 88%);

 

HEX #68FCAF まで HEX #B9FDDA


CSSコード:

background-image: radial-gradient(circle, #68FCAF 6%, #B9FDDA 93%);

 

HEX #B9FDDA まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #B9FDDA 12%, #68FCAF 89%);

 

HEX #B9FDDA まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #B9FDDA 4%, #68FCAF 93%);

リニア

HEX #68FCAF まで HEX #68FC85


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 1%, #68FC85 97%);

ラジアル

HEX #68FCAF まで HEX #68FC85


CSSコード:

background-image: radial-gradient(circle, #68FCAF 11%, #68FC85 92%);

 

HEX #68FC85 まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #68FC85 10%, #68FCAF 90%);

 

HEX #68FC85 まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #68FC85 9%, #68FCAF 89%);

 

HEX #68FCAF まで HEX #68FCAD


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 10%, #68FCAD 87%);

 

HEX #68FCAF まで HEX #68FCAD


CSSコード:

background-image: radial-gradient(circle, #68FCAF 12%, #68FCAD 94%);

 

HEX #68FCAD まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #68FCAD 6%, #68FCAF 100%);

 

HEX #68FCAD まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #68FCAD 0%, #68FCAF 100%);

 

HEX #68FCAF まで HEX #68FCD5


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 4%, #68FCD5 92%);

 

HEX #68FCAF まで HEX #68FCD5


CSSコード:

background-image: radial-gradient(circle, #68FCAF 6%, #68FCD5 87%);

 

HEX #68FCD5 まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #68FCD5 8%, #68FCAF 100%);

 

HEX #68FCD5 まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #68FCD5 5%, #68FCAF 88%);

 

HEX #68FCAF まで HEX #68FCFC


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 9%, #68FCFC 86%);

 

HEX #68FCAF まで HEX #68FCFC


CSSコード:

background-image: radial-gradient(circle, #68FCAF 1%, #68FCFC 100%);

 

HEX #68FCFC まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #68FCFC 6%, #68FCAF 86%);

 

HEX #68FCFC まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #68FCFC 2%, #68FCAF 93%);

リニア

HEX #68FCAF まで HEX #3FFC99


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 9%, #3FFC99 94%);

ラジアル

HEX #68FCAF まで HEX #3FFC99


CSSコード:

background-image: radial-gradient(circle, #68FCAF 1%, #3FFC99 99%);

 

HEX #3FFC99 まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #3FFC99 2%, #68FCAF 100%);

 

HEX #3FFC99 まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #3FFC99 4%, #68FCAF 91%);

 

HEX #68FCAF まで HEX #90FDC4


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 10%, #90FDC4 92%);

 

HEX #68FCAF まで HEX #90FDC4


CSSコード:

background-image: radial-gradient(circle, #68FCAF 6%, #90FDC4 87%);

 

HEX #90FDC4 まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #90FDC4 1%, #68FCAF 100%);

 

HEX #90FDC4 まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #90FDC4 1%, #68FCAF 97%);

 

HEX #68FCAF まで HEX #B9FDDA


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 10%, #B9FDDA 94%);

 

HEX #68FCAF まで HEX #B9FDDA


CSSコード:

background-image: radial-gradient(circle, #68FCAF 3%, #B9FDDA 99%);

 

HEX #B9FDDA まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #B9FDDA 13%, #68FCAF 86%);

 

HEX #B9FDDA まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #B9FDDA 3%, #68FCAF 88%);

リニア

HEX #68FCAF まで HEX #6899FC


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 10%, #6899FC 93%);

ラジアル

HEX #68FCAF まで HEX #6899FC


CSSコード:

background-image: radial-gradient(circle, #68FCAF 1%, #6899FC 97%);

 

HEX #6899FC まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #6899FC 1%, #68FCAF 88%);

 

HEX #6899FC まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #6899FC 6%, #68FCAF 91%);

 

HEX #68FCAF まで HEX #FC7268


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 11%, #FC7268 89%);

 

HEX #68FCAF まで HEX #FC7268


CSSコード:

background-image: radial-gradient(circle, #68FCAF 7%, #FC7268 92%);

 

HEX #FC7268 まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #FC7268 11%, #68FCAF 100%);

 

HEX #FC7268 まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #FC7268 13%, #68FCAF 93%);

リニア

HEX #68FCAF まで HEX #AD68FC


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 12%, #AD68FC 97%);

ラジアル

HEX #68FCAF まで HEX #AD68FC


CSSコード:

background-image: radial-gradient(circle, #68FCAF 8%, #AD68FC 99%);

 

HEX #AD68FC まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #AD68FC 1%, #68FCAF 96%);

 

HEX #AD68FC まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #AD68FC 4%, #68FCAF 90%);

 

HEX #68FCAF まで HEX #FCAD68


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 5%, #FCAD68 97%);

 

HEX #68FCAF まで HEX #FCAD68


CSSコード:

background-image: radial-gradient(circle, #68FCAF 12%, #FCAD68 86%);

 

HEX #FCAD68 まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #FCAD68 1%, #68FCAF 100%);

 

HEX #FCAD68 まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #FCAD68 12%, #68FCAF 86%);

リニア

HEX #68FCAF まで HEX #6899FC


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 5%, #6899FC 95%);

ラジアル

HEX #68FCAF まで HEX #6899FC


CSSコード:

background-image: radial-gradient(circle, #68FCAF 9%, #6899FC 90%);

 

HEX #6899FC まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #6899FC 8%, #68FCAF 98%);

 

HEX #6899FC まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #6899FC 14%, #68FCAF 86%);

 

HEX #68FCAF まで HEX #FC68B7


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 0%, #FC68B7 89%);

 

HEX #68FCAF まで HEX #FC68B7


CSSコード:

background-image: radial-gradient(circle, #68FCAF 1%, #FC68B7 87%);

 

HEX #FC68B7 まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #FC68B7 11%, #68FCAF 98%);

 

HEX #FC68B7 まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #FC68B7 5%, #68FCAF 94%);

 

HEX #68FCAF まで HEX #FCCB68


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 5%, #FCCB68 87%);

 

HEX #68FCAF まで HEX #FCCB68


CSSコード:

background-image: radial-gradient(circle, #68FCAF 10%, #FCCB68 100%);

 

HEX #FCCB68 まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #FCCB68 3%, #68FCAF 88%);

 

HEX #FCCB68 まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #FCCB68 10%, #68FCAF 94%);

リニア

HEX #68FCAF まで HEX #686DFC


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 2%, #686DFC 100%);

ラジアル

HEX #68FCAF まで HEX #686DFC


CSSコード:

background-image: radial-gradient(circle, #68FCAF 6%, #686DFC 92%);

 

HEX #686DFC まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #686DFC 5%, #68FCAF 95%);

 

HEX #686DFC まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #686DFC 12%, #68FCAF 99%);

 

HEX #68FCAF まで HEX #FC68B7


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 12%, #FC68B7 86%);

 

HEX #68FCAF まで HEX #FC68B7


CSSコード:

background-image: radial-gradient(circle, #68FCAF 2%, #FC68B7 100%);

 

HEX #FC68B7 まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #FC68B7 9%, #68FCAF 86%);

 

HEX #FC68B7 まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #FC68B7 12%, #68FCAF 98%);

 

HEX #68FCAF まで HEX #FCF768


CSSコード:

background-image: linear-gradient(135deg, #68FCAF 7%, #FCF768 87%);

 

HEX #68FCAF まで HEX #FCF768


CSSコード:

background-image: radial-gradient(circle, #68FCAF 10%, #FCF768 90%);

 

HEX #FCF768 まで HEX #68FCAF


CSSコード:

background-image: linear-gradient(135deg, #FCF768 5%, #68FCAF 97%);

 

HEX #FCF768 まで HEX #68FCAF


CSSコード:

background-image: radial-gradient(circle, #FCF768 4%, #68FCAF 100%);

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

サービス内容

カラー

ラグビー に 呪咀

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