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


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

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

今すぐ見る X

CSS グラデーション:
CMYK 0 / 92 / 51 / 60

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #660832 まで HEX #99F7CD


CSSコード:

background-image: linear-gradient(135deg, #660832 14%, #99F7CD 94%);

ラジアル

HEX #660832 まで HEX #99F7CD


CSSコード:

background-image: radial-gradient(circle, #660832 8%, #99F7CD 94%);

 

HEX #99F7CD まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #99F7CD 8%, #660832 90%);

 

HEX #99F7CD まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #99F7CD 13%, #660832 95%);

リニア

HEX #660832 まで HEX #67084C


CSSコード:

background-image: linear-gradient(135deg, #660832 11%, #67084C 91%);

ラジアル

HEX #660832 まで HEX #67084C


CSSコード:

background-image: radial-gradient(circle, #660832 11%, #67084C 91%);

 

HEX #67084C まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #67084C 4%, #660832 88%);

 

HEX #67084C まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #67084C 14%, #660832 92%);

 

HEX #660832 まで HEX #670833


CSSコード:

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

 

HEX #660832 まで HEX #670833


CSSコード:

background-image: radial-gradient(circle, #660832 9%, #670833 93%);

 

HEX #670833 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #670833 7%, #660832 94%);

 

HEX #670833 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #670833 7%, #660832 89%);

 

HEX #660832 まで HEX #670819


CSSコード:

background-image: linear-gradient(135deg, #660832 4%, #670819 88%);

 

HEX #660832 まで HEX #670819


CSSコード:

background-image: radial-gradient(circle, #660832 9%, #670819 94%);

 

HEX #670819 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #670819 3%, #660832 96%);

 

HEX #670819 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #670819 8%, #660832 91%);

 

HEX #660832 まで HEX #671008


CSSコード:

background-image: linear-gradient(135deg, #660832 2%, #671008 92%);

 

HEX #660832 まで HEX #671008


CSSコード:

background-image: radial-gradient(circle, #660832 7%, #671008 98%);

 

HEX #671008 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #671008 1%, #660832 86%);

 

HEX #671008 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #671008 12%, #660832 96%);

リニア

HEX #660832 まで HEX #410520


CSSコード:

background-image: linear-gradient(135deg, #660832 1%, #410520 99%);

ラジアル

HEX #660832 まで HEX #410520


CSSコード:

background-image: radial-gradient(circle, #660832 5%, #410520 94%);

 

HEX #410520 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #410520 2%, #660832 100%);

 

HEX #410520 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #410520 13%, #660832 97%);

 

HEX #660832 まで HEX #670833


CSSコード:

background-image: linear-gradient(135deg, #660832 1%, #670833 88%);

 

HEX #660832 まで HEX #670833


CSSコード:

background-image: radial-gradient(circle, #660832 1%, #670833 96%);

 

HEX #670833 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #670833 0%, #660832 87%);

 

HEX #670833 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #670833 8%, #660832 86%);

 

HEX #660832 まで HEX #8D0B45


CSSコード:

background-image: linear-gradient(135deg, #660832 4%, #8D0B45 87%);

 

HEX #660832 まで HEX #8D0B45


CSSコード:

background-image: radial-gradient(circle, #660832 2%, #8D0B45 88%);

 

HEX #8D0B45 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #8D0B45 1%, #660832 99%);

 

HEX #8D0B45 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #8D0B45 0%, #660832 95%);

 

HEX #660832 まで HEX #B40E58


CSSコード:

background-image: linear-gradient(135deg, #660832 3%, #B40E58 90%);

 

HEX #660832 まで HEX #B40E58


CSSコード:

background-image: radial-gradient(circle, #660832 6%, #B40E58 91%);

 

HEX #B40E58 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #B40E58 12%, #660832 90%);

 

HEX #B40E58 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #B40E58 7%, #660832 95%);

リニア

HEX #660832 まで HEX #67084C


CSSコード:

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

ラジアル

HEX #660832 まで HEX #67084C


CSSコード:

background-image: radial-gradient(circle, #660832 1%, #67084C 99%);

 

HEX #67084C まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #67084C 13%, #660832 94%);

 

HEX #67084C まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #67084C 14%, #660832 89%);

 

HEX #660832 まで HEX #670833


CSSコード:

background-image: linear-gradient(135deg, #660832 11%, #670833 86%);

 

HEX #660832 まで HEX #670833


CSSコード:

background-image: radial-gradient(circle, #660832 5%, #670833 89%);

 

HEX #670833 まで HEX #660832


CSSコード:

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

 

HEX #670833 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #670833 14%, #660832 87%);

 

HEX #660832 まで HEX #670819


CSSコード:

background-image: linear-gradient(135deg, #660832 1%, #670819 86%);

 

HEX #660832 まで HEX #670819


CSSコード:

background-image: radial-gradient(circle, #660832 8%, #670819 97%);

 

HEX #670819 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #670819 4%, #660832 97%);

 

HEX #670819 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #670819 11%, #660832 87%);

 

HEX #660832 まで HEX #671008


CSSコード:

background-image: linear-gradient(135deg, #660832 2%, #671008 94%);

 

HEX #660832 まで HEX #671008


CSSコード:

background-image: radial-gradient(circle, #660832 3%, #671008 86%);

 

HEX #671008 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #671008 10%, #660832 94%);

 

HEX #671008 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #671008 11%, #660832 100%);

リニア

HEX #660832 まで HEX #410520


CSSコード:

background-image: linear-gradient(135deg, #660832 6%, #410520 91%);

ラジアル

HEX #660832 まで HEX #410520


CSSコード:

background-image: radial-gradient(circle, #660832 8%, #410520 97%);

 

HEX #410520 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #410520 4%, #660832 99%);

 

HEX #410520 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #410520 2%, #660832 96%);

 

HEX #660832 まで HEX #670833


CSSコード:

background-image: linear-gradient(135deg, #660832 10%, #670833 99%);

 

HEX #660832 まで HEX #670833


CSSコード:

background-image: radial-gradient(circle, #660832 8%, #670833 93%);

 

HEX #670833 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #670833 2%, #660832 89%);

 

HEX #670833 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #670833 4%, #660832 90%);

 

HEX #660832 まで HEX #8D0B45


CSSコード:

background-image: linear-gradient(135deg, #660832 1%, #8D0B45 95%);

 

HEX #660832 まで HEX #8D0B45


CSSコード:

background-image: radial-gradient(circle, #660832 0%, #8D0B45 95%);

 

HEX #8D0B45 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #8D0B45 1%, #660832 86%);

 

HEX #8D0B45 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #8D0B45 10%, #660832 93%);

 

HEX #660832 まで HEX #B40E58


CSSコード:

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

 

HEX #660832 まで HEX #B40E58


CSSコード:

background-image: radial-gradient(circle, #660832 3%, #B40E58 98%);

 

HEX #B40E58 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #B40E58 0%, #660832 97%);

 

HEX #B40E58 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #B40E58 0%, #660832 93%);

リニア

HEX #660832 まで HEX #674F08


CSSコード:

background-image: linear-gradient(135deg, #660832 10%, #674F08 96%);

ラジアル

HEX #660832 まで HEX #674F08


CSSコード:

background-image: radial-gradient(circle, #660832 3%, #674F08 90%);

 

HEX #674F08 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #674F08 8%, #660832 89%);

 

HEX #674F08 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #674F08 11%, #660832 93%);

 

HEX #660832 まで HEX #085967


CSSコード:

background-image: linear-gradient(135deg, #660832 5%, #085967 87%);

 

HEX #660832 まで HEX #085967


CSSコード:

background-image: radial-gradient(circle, #660832 8%, #085967 88%);

 

HEX #085967 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #085967 11%, #660832 86%);

 

HEX #085967 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #085967 0%, #660832 86%);

リニア

HEX #660832 まで HEX #336708


CSSコード:

background-image: linear-gradient(135deg, #660832 4%, #336708 96%);

ラジアル

HEX #660832 まで HEX #336708


CSSコード:

background-image: radial-gradient(circle, #660832 10%, #336708 99%);

 

HEX #336708 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #336708 0%, #660832 97%);

 

HEX #336708 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #336708 2%, #660832 100%);

 

HEX #660832 まで HEX #083367


CSSコード:

background-image: linear-gradient(135deg, #660832 9%, #083367 98%);

 

HEX #660832 まで HEX #083367


CSSコード:

background-image: radial-gradient(circle, #660832 5%, #083367 93%);

 

HEX #083367 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #083367 7%, #660832 90%);

 

HEX #083367 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #083367 0%, #660832 98%);

リニア

HEX #660832 まで HEX #674F08


CSSコード:

background-image: linear-gradient(135deg, #660832 7%, #674F08 96%);

ラジアル

HEX #660832 まで HEX #674F08


CSSコード:

background-image: radial-gradient(circle, #660832 1%, #674F08 93%);

 

HEX #674F08 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #674F08 5%, #660832 94%);

 

HEX #674F08 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #674F08 12%, #660832 96%);

 

HEX #660832 まで HEX #08673C


CSSコード:

background-image: linear-gradient(135deg, #660832 5%, #08673C 94%);

 

HEX #660832 まで HEX #08673C


CSSコード:

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

 

HEX #08673C まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #08673C 0%, #660832 93%);

 

HEX #08673C まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #08673C 4%, #660832 97%);

 

HEX #660832 まで HEX #082067


CSSコード:

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

 

HEX #660832 まで HEX #082067


CSSコード:

background-image: radial-gradient(circle, #660832 13%, #082067 93%);

 

HEX #082067 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #082067 2%, #660832 96%);

 

HEX #082067 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #082067 14%, #660832 96%);

リニア

HEX #660832 まで HEX #636708


CSSコード:

background-image: linear-gradient(135deg, #660832 7%, #636708 98%);

ラジアル

HEX #660832 まで HEX #636708


CSSコード:

background-image: radial-gradient(circle, #660832 13%, #636708 100%);

 

HEX #636708 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #636708 0%, #660832 98%);

 

HEX #636708 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #636708 4%, #660832 96%);

 

HEX #660832 まで HEX #08673C


CSSコード:

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

 

HEX #660832 まで HEX #08673C


CSSコード:

background-image: radial-gradient(circle, #660832 3%, #08673C 89%);

 

HEX #08673C まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #08673C 2%, #660832 100%);

 

HEX #08673C まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #08673C 11%, #660832 86%);

 

HEX #660832 まで HEX #0D0867


CSSコード:

background-image: linear-gradient(135deg, #660832 4%, #0D0867 95%);

 

HEX #660832 まで HEX #0D0867


CSSコード:

background-image: radial-gradient(circle, #660832 10%, #0D0867 96%);

 

HEX #0D0867 まで HEX #660832


CSSコード:

background-image: linear-gradient(135deg, #0D0867 9%, #660832 92%);

 

HEX #0D0867 まで HEX #660832


CSSコード:

background-image: radial-gradient(circle, #0D0867 4%, #660832 99%);

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

サービス内容

カラー

ラグビー に 呪咀

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