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


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

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

今すぐ見る X

CSS グラデーション:
RGB 164 8 7

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

赤が明らかに優勢:赤の値は緑と青よりもかなり高い。 暗い色:色の値が低いと暗く見える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #A40807 まで HEX #5BF7F8


CSSコード:

background-image: linear-gradient(135deg, #A40807 6%, #5BF7F8 96%);

ラジアル

HEX #A40807 まで HEX #5BF7F8


CSSコード:

background-image: radial-gradient(circle, #A40807 4%, #5BF7F8 98%);

 

HEX #5BF7F8 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #5BF7F8 1%, #A40807 91%);

 

HEX #5BF7F8 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #5BF7F8 4%, #A40807 91%);

リニア

HEX #A40807 まで HEX #A60631


CSSコード:

background-image: linear-gradient(135deg, #A40807 14%, #A60631 86%);

ラジアル

HEX #A40807 まで HEX #A60631


CSSコード:

background-image: radial-gradient(circle, #A40807 14%, #A60631 90%);

 

HEX #A60631 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #A60631 14%, #A40807 100%);

 

HEX #A60631 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #A60631 13%, #A40807 88%);

 

HEX #A40807 まで HEX #A60606


CSSコード:

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

 

HEX #A40807 まで HEX #A60606


CSSコード:

background-image: radial-gradient(circle, #A40807 4%, #A60606 87%);

 

HEX #A60606 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #A60606 4%, #A40807 94%);

 

HEX #A60606 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #A60606 11%, #A40807 98%);

 

HEX #A40807 まで HEX #A63106


CSSコード:

background-image: linear-gradient(135deg, #A40807 8%, #A63106 96%);

 

HEX #A40807 まで HEX #A63106


CSSコード:

background-image: radial-gradient(circle, #A40807 0%, #A63106 96%);

 

HEX #A63106 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #A63106 9%, #A40807 91%);

 

HEX #A63106 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #A63106 0%, #A40807 88%);

 

HEX #A40807 まで HEX #A65C06


CSSコード:

background-image: linear-gradient(135deg, #A40807 6%, #A65C06 96%);

 

HEX #A40807 まで HEX #A65C06


CSSコード:

background-image: radial-gradient(circle, #A40807 0%, #A65C06 90%);

 

HEX #A65C06 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #A65C06 7%, #A40807 87%);

 

HEX #A65C06 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #A65C06 11%, #A40807 86%);

リニア

HEX #A40807 まで HEX #7E0605


CSSコード:

background-image: linear-gradient(135deg, #A40807 11%, #7E0605 90%);

ラジアル

HEX #A40807 まで HEX #7E0605


CSSコード:

background-image: radial-gradient(circle, #A40807 3%, #7E0605 89%);

 

HEX #7E0605 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #7E0605 9%, #A40807 89%);

 

HEX #7E0605 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #7E0605 5%, #A40807 88%);

 

HEX #A40807 まで HEX #A60706


CSSコード:

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

 

HEX #A40807 まで HEX #A60706


CSSコード:

background-image: radial-gradient(circle, #A40807 13%, #A60706 100%);

 

HEX #A60706 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #A60706 10%, #A40807 87%);

 

HEX #A60706 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #A60706 11%, #A40807 97%);

 

HEX #A40807 まで HEX #CE0908


CSSコード:

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

 

HEX #A40807 まで HEX #CE0908


CSSコード:

background-image: radial-gradient(circle, #A40807 3%, #CE0908 98%);

 

HEX #CE0908 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #CE0908 5%, #A40807 100%);

 

HEX #CE0908 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #CE0908 0%, #A40807 99%);

 

HEX #A40807 まで HEX #F40C0B


CSSコード:

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

 

HEX #A40807 まで HEX #F40C0B


CSSコード:

background-image: radial-gradient(circle, #A40807 7%, #F40C0B 87%);

 

HEX #F40C0B まで HEX #A40807


CSSコード:

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

 

HEX #F40C0B まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #F40C0B 4%, #A40807 100%);

リニア

HEX #A40807 まで HEX #A60631


CSSコード:

background-image: linear-gradient(135deg, #A40807 13%, #A60631 93%);

ラジアル

HEX #A40807 まで HEX #A60631


CSSコード:

background-image: radial-gradient(circle, #A40807 9%, #A60631 90%);

 

HEX #A60631 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #A60631 11%, #A40807 98%);

 

HEX #A60631 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #A60631 4%, #A40807 97%);

 

HEX #A40807 まで HEX #A60606


CSSコード:

background-image: linear-gradient(135deg, #A40807 1%, #A60606 90%);

 

HEX #A40807 まで HEX #A60606


CSSコード:

background-image: radial-gradient(circle, #A40807 4%, #A60606 86%);

 

HEX #A60606 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #A60606 3%, #A40807 88%);

 

HEX #A60606 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #A60606 5%, #A40807 94%);

 

HEX #A40807 まで HEX #A63106


CSSコード:

background-image: linear-gradient(135deg, #A40807 8%, #A63106 88%);

 

HEX #A40807 まで HEX #A63106


CSSコード:

background-image: radial-gradient(circle, #A40807 8%, #A63106 86%);

 

HEX #A63106 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #A63106 5%, #A40807 90%);

 

HEX #A63106 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #A63106 13%, #A40807 97%);

 

HEX #A40807 まで HEX #A65C06


CSSコード:

background-image: linear-gradient(135deg, #A40807 4%, #A65C06 95%);

 

HEX #A40807 まで HEX #A65C06


CSSコード:

background-image: radial-gradient(circle, #A40807 5%, #A65C06 87%);

 

HEX #A65C06 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #A65C06 3%, #A40807 86%);

 

HEX #A65C06 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #A65C06 1%, #A40807 99%);

リニア

HEX #A40807 まで HEX #7E0605


CSSコード:

background-image: linear-gradient(135deg, #A40807 4%, #7E0605 91%);

ラジアル

HEX #A40807 まで HEX #7E0605


CSSコード:

background-image: radial-gradient(circle, #A40807 2%, #7E0605 89%);

 

HEX #7E0605 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #7E0605 6%, #A40807 89%);

 

HEX #7E0605 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #7E0605 7%, #A40807 93%);

 

HEX #A40807 まで HEX #A60706


CSSコード:

background-image: linear-gradient(135deg, #A40807 8%, #A60706 87%);

 

HEX #A40807 まで HEX #A60706


CSSコード:

background-image: radial-gradient(circle, #A40807 13%, #A60706 90%);

 

HEX #A60706 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #A60706 13%, #A40807 95%);

 

HEX #A60706 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #A60706 2%, #A40807 97%);

 

HEX #A40807 まで HEX #CE0908


CSSコード:

background-image: linear-gradient(135deg, #A40807 2%, #CE0908 90%);

 

HEX #A40807 まで HEX #CE0908


CSSコード:

background-image: radial-gradient(circle, #A40807 11%, #CE0908 98%);

 

HEX #CE0908 まで HEX #A40807


CSSコード:

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

 

HEX #CE0908 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #CE0908 4%, #A40807 100%);

 

HEX #A40807 まで HEX #F40C0B


CSSコード:

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

 

HEX #A40807 まで HEX #F40C0B


CSSコード:

background-image: radial-gradient(circle, #A40807 1%, #F40C0B 98%);

 

HEX #F40C0B まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #F40C0B 6%, #A40807 89%);

 

HEX #F40C0B まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #F40C0B 6%, #A40807 96%);

リニア

HEX #A40807 まで HEX #86A606


CSSコード:

background-image: linear-gradient(135deg, #A40807 9%, #86A606 98%);

ラジアル

HEX #A40807 まで HEX #86A606


CSSコード:

background-image: radial-gradient(circle, #A40807 6%, #86A606 98%);

 

HEX #86A606 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #86A606 12%, #A40807 93%);

 

HEX #86A606 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #86A606 8%, #A40807 100%);

 

HEX #A40807 まで HEX #0646A6


CSSコード:

background-image: linear-gradient(135deg, #A40807 9%, #0646A6 96%);

 

HEX #A40807 まで HEX #0646A6


CSSコード:

background-image: radial-gradient(circle, #A40807 12%, #0646A6 90%);

 

HEX #0646A6 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #0646A6 4%, #A40807 98%);

 

HEX #0646A6 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #0646A6 7%, #A40807 93%);

リニア

HEX #A40807 まで HEX #06A606


CSSコード:

background-image: linear-gradient(135deg, #A40807 8%, #06A606 98%);

ラジアル

HEX #A40807 まで HEX #06A606


CSSコード:

background-image: radial-gradient(circle, #A40807 13%, #06A606 96%);

 

HEX #06A606 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #06A606 2%, #A40807 89%);

 

HEX #06A606 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #06A606 10%, #A40807 94%);

 

HEX #A40807 まで HEX #0606A6


CSSコード:

background-image: linear-gradient(135deg, #A40807 11%, #0606A6 95%);

 

HEX #A40807 まで HEX #0606A6


CSSコード:

background-image: radial-gradient(circle, #A40807 1%, #0606A6 93%);

 

HEX #0606A6 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #0606A6 1%, #A40807 93%);

 

HEX #0606A6 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #0606A6 5%, #A40807 93%);

リニア

HEX #A40807 まで HEX #86A606


CSSコード:

background-image: linear-gradient(135deg, #A40807 11%, #86A606 92%);

ラジアル

HEX #A40807 まで HEX #86A606


CSSコード:

background-image: radial-gradient(circle, #A40807 8%, #86A606 90%);

 

HEX #86A606 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #86A606 8%, #A40807 98%);

 

HEX #86A606 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #86A606 1%, #A40807 87%);

 

HEX #A40807 まで HEX #06A6A6


CSSコード:

background-image: linear-gradient(135deg, #A40807 0%, #06A6A6 88%);

 

HEX #A40807 まで HEX #06A6A6


CSSコード:

background-image: radial-gradient(circle, #A40807 5%, #06A6A6 88%);

 

HEX #06A6A6 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #06A6A6 3%, #A40807 96%);

 

HEX #06A6A6 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #06A6A6 8%, #A40807 98%);

 

HEX #A40807 まで HEX #2606A6


CSSコード:

background-image: linear-gradient(135deg, #A40807 12%, #2606A6 99%);

 

HEX #A40807 まで HEX #2606A6


CSSコード:

background-image: radial-gradient(circle, #A40807 6%, #2606A6 93%);

 

HEX #2606A6 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #2606A6 2%, #A40807 90%);

 

HEX #2606A6 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #2606A6 3%, #A40807 92%);

リニア

HEX #A40807 まで HEX #56A606


CSSコード:

background-image: linear-gradient(135deg, #A40807 2%, #56A606 96%);

ラジアル

HEX #A40807 まで HEX #56A606


CSSコード:

background-image: radial-gradient(circle, #A40807 0%, #56A606 94%);

 

HEX #56A606 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #56A606 0%, #A40807 88%);

 

HEX #56A606 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #56A606 1%, #A40807 98%);

 

HEX #A40807 まで HEX #06A6A6


CSSコード:

background-image: linear-gradient(135deg, #A40807 4%, #06A6A6 87%);

 

HEX #A40807 まで HEX #06A6A6


CSSコード:

background-image: radial-gradient(circle, #A40807 14%, #06A6A6 94%);

 

HEX #06A6A6 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #06A6A6 8%, #A40807 100%);

 

HEX #06A6A6 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #06A6A6 12%, #A40807 93%);

 

HEX #A40807 まで HEX #5606A6


CSSコード:

background-image: linear-gradient(135deg, #A40807 14%, #5606A6 86%);

 

HEX #A40807 まで HEX #5606A6


CSSコード:

background-image: radial-gradient(circle, #A40807 5%, #5606A6 87%);

 

HEX #5606A6 まで HEX #A40807


CSSコード:

background-image: linear-gradient(135deg, #5606A6 1%, #A40807 87%);

 

HEX #5606A6 まで HEX #A40807


CSSコード:

background-image: radial-gradient(circle, #5606A6 8%, #A40807 86%);

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

サービス内容

カラー

ラグビー に 呪咀

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