新機能: APIパッケージが利用可能になりました。


複数のAPIキーを作成し、毎月のトークンクォータを管理し、qConvをアプリケーションに柔軟に統合することができます。

2025-08-15:全パッケージを紹介価格でご利用いただけます。

今すぐ見る X

CSS グラデーション:
#BA5872

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #BA5872 まで HEX #45A78D


CSSコード:

background-image: linear-gradient(135deg, #BA5872 3%, #45A78D 89%);

ラジアル

HEX #BA5872 まで HEX #45A78D


CSSコード:

background-image: radial-gradient(circle, #BA5872 4%, #45A78D 100%);

 

HEX #45A78D まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #45A78D 13%, #BA5872 100%);

 

HEX #45A78D まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #45A78D 13%, #BA5872 88%);

リニア

HEX #BA5872 まで HEX #BA588C


CSSコード:

background-image: linear-gradient(135deg, #BA5872 4%, #BA588C 100%);

ラジアル

HEX #BA5872 まで HEX #BA588C


CSSコード:

background-image: radial-gradient(circle, #BA5872 6%, #BA588C 95%);

 

HEX #BA588C まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #BA588C 11%, #BA5872 94%);

 

HEX #BA588C まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #BA588C 4%, #BA5872 97%);

 

HEX #BA5872 まで HEX #BA5858


CSSコード:

background-image: linear-gradient(135deg, #BA5872 1%, #BA5858 87%);

 

HEX #BA5872 まで HEX #BA5858


CSSコード:

background-image: radial-gradient(circle, #BA5872 1%, #BA5858 89%);

 

HEX #BA5858 まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #BA5858 3%, #BA5872 93%);

 

HEX #BA5858 まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #BA5858 4%, #BA5872 94%);

 

HEX #BA5872 まで HEX #BA7258


CSSコード:

background-image: linear-gradient(135deg, #BA5872 14%, #BA7258 94%);

 

HEX #BA5872 まで HEX #BA7258


CSSコード:

background-image: radial-gradient(circle, #BA5872 14%, #BA7258 94%);

 

HEX #BA7258 まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #BA7258 3%, #BA5872 97%);

 

HEX #BA7258 まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #BA7258 11%, #BA5872 93%);

リニア

HEX #BA5872 まで HEX #A6435D


CSSコード:

background-image: linear-gradient(135deg, #BA5872 4%, #A6435D 87%);

ラジアル

HEX #BA5872 まで HEX #A6435D


CSSコード:

background-image: radial-gradient(circle, #BA5872 6%, #A6435D 100%);

 

HEX #A6435D まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #A6435D 12%, #BA5872 96%);

 

HEX #A6435D まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #A6435D 12%, #BA5872 93%);

 

HEX #BA5872 まで HEX #C6758B


CSSコード:

background-image: linear-gradient(135deg, #BA5872 0%, #C6758B 95%);

 

HEX #BA5872 まで HEX #C6758B


CSSコード:

background-image: radial-gradient(circle, #BA5872 8%, #C6758B 87%);

 

HEX #C6758B まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #C6758B 12%, #BA5872 100%);

 

HEX #C6758B まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #C6758B 9%, #BA5872 94%);

 

HEX #BA5872 まで HEX #D293A3


CSSコード:

background-image: linear-gradient(135deg, #BA5872 3%, #D293A3 99%);

 

HEX #BA5872 まで HEX #D293A3


CSSコード:

background-image: radial-gradient(circle, #BA5872 5%, #D293A3 98%);

 

HEX #D293A3 まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #D293A3 5%, #BA5872 97%);

 

HEX #D293A3 まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #D293A3 11%, #BA5872 98%);

リニア

HEX #BA5872 まで HEX #BA588C


CSSコード:

background-image: linear-gradient(135deg, #BA5872 3%, #BA588C 91%);

ラジアル

HEX #BA5872 まで HEX #BA588C


CSSコード:

background-image: radial-gradient(circle, #BA5872 10%, #BA588C 97%);

 

HEX #BA588C まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #BA588C 10%, #BA5872 86%);

 

HEX #BA588C まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #BA588C 3%, #BA5872 96%);

 

HEX #BA5872 まで HEX #BA5858


CSSコード:

background-image: linear-gradient(135deg, #BA5872 13%, #BA5858 96%);

 

HEX #BA5872 まで HEX #BA5858


CSSコード:

background-image: radial-gradient(circle, #BA5872 14%, #BA5858 87%);

 

HEX #BA5858 まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #BA5858 8%, #BA5872 93%);

 

HEX #BA5858 まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #BA5858 4%, #BA5872 90%);

 

HEX #BA5872 まで HEX #BA7258


CSSコード:

background-image: linear-gradient(135deg, #BA5872 11%, #BA7258 93%);

 

HEX #BA5872 まで HEX #BA7258


CSSコード:

background-image: radial-gradient(circle, #BA5872 6%, #BA7258 88%);

 

HEX #BA7258 まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #BA7258 11%, #BA5872 96%);

 

HEX #BA7258 まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #BA7258 4%, #BA5872 90%);

リニア

HEX #BA5872 まで HEX #A6435D


CSSコード:

background-image: linear-gradient(135deg, #BA5872 4%, #A6435D 93%);

ラジアル

HEX #BA5872 まで HEX #A6435D


CSSコード:

background-image: radial-gradient(circle, #BA5872 11%, #A6435D 100%);

 

HEX #A6435D まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #A6435D 12%, #BA5872 88%);

 

HEX #A6435D まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #A6435D 11%, #BA5872 97%);

 

HEX #BA5872 まで HEX #C6758B


CSSコード:

background-image: linear-gradient(135deg, #BA5872 13%, #C6758B 94%);

 

HEX #BA5872 まで HEX #C6758B


CSSコード:

background-image: radial-gradient(circle, #BA5872 5%, #C6758B 90%);

 

HEX #C6758B まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #C6758B 12%, #BA5872 86%);

 

HEX #C6758B まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #C6758B 14%, #BA5872 99%);

 

HEX #BA5872 まで HEX #D293A3


CSSコード:

background-image: linear-gradient(135deg, #BA5872 1%, #D293A3 91%);

 

HEX #BA5872 まで HEX #D293A3


CSSコード:

background-image: radial-gradient(circle, #BA5872 2%, #D293A3 88%);

 

HEX #D293A3 まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #D293A3 7%, #BA5872 92%);

 

HEX #D293A3 まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #D293A3 9%, #BA5872 90%);

リニア

HEX #BA5872 まで HEX #BAB458


CSSコード:

background-image: linear-gradient(135deg, #BA5872 7%, #BAB458 100%);

ラジアル

HEX #BA5872 まで HEX #BAB458


CSSコード:

background-image: radial-gradient(circle, #BA5872 13%, #BAB458 99%);

 

HEX #BAB458 まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #BAB458 9%, #BA5872 96%);

 

HEX #BAB458 まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #BAB458 0%, #BA5872 88%);

 

HEX #BA5872 まで HEX #589ABA


CSSコード:

background-image: linear-gradient(135deg, #BA5872 7%, #589ABA 87%);

 

HEX #BA5872 まで HEX #589ABA


CSSコード:

background-image: radial-gradient(circle, #BA5872 1%, #589ABA 99%);

 

HEX #589ABA まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #589ABA 3%, #BA5872 98%);

 

HEX #589ABA まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #589ABA 11%, #BA5872 91%);

リニア

HEX #BA5872 まで HEX #72BA58


CSSコード:

background-image: linear-gradient(135deg, #BA5872 6%, #72BA58 97%);

ラジアル

HEX #BA5872 まで HEX #72BA58


CSSコード:

background-image: radial-gradient(circle, #BA5872 10%, #72BA58 86%);

 

HEX #72BA58 まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #72BA58 8%, #BA5872 92%);

 

HEX #72BA58 まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #72BA58 1%, #BA5872 88%);

 

HEX #BA5872 まで HEX #5872BA


CSSコード:

background-image: linear-gradient(135deg, #BA5872 6%, #5872BA 91%);

 

HEX #BA5872 まで HEX #5872BA


CSSコード:

background-image: radial-gradient(circle, #BA5872 8%, #5872BA 86%);

 

HEX #5872BA まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #5872BA 6%, #BA5872 89%);

 

HEX #5872BA まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #5872BA 9%, #BA5872 88%);

リニア

HEX #BA5872 まで HEX #BAB458


CSSコード:

background-image: linear-gradient(135deg, #BA5872 0%, #BAB458 93%);

ラジアル

HEX #BA5872 まで HEX #BAB458


CSSコード:

background-image: radial-gradient(circle, #BA5872 11%, #BAB458 97%);

 

HEX #BAB458 まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #BAB458 9%, #BA5872 88%);

 

HEX #BAB458 まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #BAB458 9%, #BA5872 89%);

 

HEX #BA5872 まで HEX #58BAA0


CSSコード:

background-image: linear-gradient(135deg, #BA5872 9%, #58BAA0 99%);

 

HEX #BA5872 まで HEX #58BAA0


CSSコード:

background-image: radial-gradient(circle, #BA5872 9%, #58BAA0 94%);

 

HEX #58BAA0 まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #58BAA0 4%, #BA5872 86%);

 

HEX #58BAA0 まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #58BAA0 9%, #BA5872 90%);

 

HEX #BA5872 まで HEX #585FBA


CSSコード:

background-image: linear-gradient(135deg, #BA5872 0%, #585FBA 89%);

 

HEX #BA5872 まで HEX #585FBA


CSSコード:

background-image: radial-gradient(circle, #BA5872 5%, #585FBA 96%);

 

HEX #585FBA まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #585FBA 12%, #BA5872 97%);

 

HEX #585FBA まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #585FBA 0%, #BA5872 92%);

リニア

HEX #BA5872 まで HEX #A3BA58


CSSコード:

background-image: linear-gradient(135deg, #BA5872 12%, #A3BA58 98%);

ラジアル

HEX #BA5872 まで HEX #A3BA58


CSSコード:

background-image: radial-gradient(circle, #BA5872 12%, #A3BA58 93%);

 

HEX #A3BA58 まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #A3BA58 11%, #BA5872 92%);

 

HEX #A3BA58 まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #A3BA58 14%, #BA5872 97%);

 

HEX #BA5872 まで HEX #58BAA0


CSSコード:

background-image: linear-gradient(135deg, #BA5872 2%, #58BAA0 98%);

 

HEX #BA5872 まで HEX #58BAA0


CSSコード:

background-image: radial-gradient(circle, #BA5872 4%, #58BAA0 93%);

 

HEX #58BAA0 まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #58BAA0 4%, #BA5872 99%);

 

HEX #58BAA0 まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #58BAA0 14%, #BA5872 98%);

 

HEX #BA5872 まで HEX #6F58BA


CSSコード:

background-image: linear-gradient(135deg, #BA5872 2%, #6F58BA 88%);

 

HEX #BA5872 まで HEX #6F58BA


CSSコード:

background-image: radial-gradient(circle, #BA5872 6%, #6F58BA 89%);

 

HEX #6F58BA まで HEX #BA5872


CSSコード:

background-image: linear-gradient(135deg, #6F58BA 7%, #BA5872 100%);

 

HEX #6F58BA まで HEX #BA5872


CSSコード:

background-image: radial-gradient(circle, #6F58BA 11%, #BA5872 98%);

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

サービス内容

カラー

ラグビー に 呪咀

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

カミーユ に 呪咀

から変換する CMYK シアン／マゼンタ／イエロー／キー まで #RRGGBB
Icons

カミーユ に ラグビー

から変換する CMYK シアン／マゼンタ／イエロー／キー まで RGB レッド・グリーン・ブルー
Icons

カミーユ に ラグバ

から変換する CMYK シアン／マゼンタ／イエロー／キー まで RGBA 赤 緑 青 透過率
Icons

カミーユ に ラル®

から変換する CMYK シアン／マゼンタ／イエロー／キー まで RAL® 番号 (RAL 0000)
Icons

カミーユ に 豚足®

から変換する CMYK シアン／マゼンタ／イエロー／キー まで HKS® 番号(HKS 00)
Icons

カミーユ に パントン®

から変換する CMYK シアン／マゼンタ／イエロー／キー まで Pantone® 番号 (Pantone 0000)
Icons

カミーユ に シャーウィン・ウィリアムズ®

から変換する CMYK シアン／マゼンタ／イエロー／キー まで シャーウィン・ウィリアムズ® 番号 (SW 0000)
Icons

カミーユ に エヌシーエス®

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

エヌシーエス® に ラグビー

から変換する NCS番号(S0000-X00X) まで RGB レッド・グリーン・ブルー
nsc-logo

エヌシーエス® に ラグバ

から変換する NCS番号(S0000-X00X) まで RGBA 赤 緑 青 透過率
nsc-logo

エヌシーエス® に カミーユ

から変換する NCS番号(S0000-X00X) まで CMYK シアン／マゼンタ／イエロー／キー

Icons
nsc-logo

エヌシーエス® に 呪咀

から変換する NCS番号(S0000-X00X) まで #RRGGBB
nsc-logo

エヌシーエス® に ラル®

から変換する NCS番号(S0000-X00X) まで RAL® 番号 (RAL 0000)
nsc-logo

エヌシーエス® に 豚足®

から変換する NCS番号(S0000-X00X) まで HKS® 番号(HKS 00)
nsc-logo

エヌシーエス® に パントン®

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

© 2019-2025 - Designed by frag-bobby.de