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

✕

CSS グラデーション:
#4D9215

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #4D9215 まで HEX #B26DEA


CSSコード:

background-image: linear-gradient(135deg, #4D9215 3%, #B26DEA 86%);

ラジアル

HEX #4D9215 まで HEX #B26DEA


CSSコード:

background-image: radial-gradient(circle, #4D9215 1%, #B26DEA 94%);

 

HEX #B26DEA まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #B26DEA 8%, #4D9215 100%);

 

HEX #B26DEA まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #B26DEA 11%, #4D9215 99%);

リニア

HEX #4D9215 まで HEX #63A423


CSSコード:

background-image: linear-gradient(135deg, #4D9215 4%, #63A423 99%);

ラジアル

HEX #4D9215 まで HEX #63A423


CSSコード:

background-image: radial-gradient(circle, #4D9215 8%, #63A423 94%);

 

HEX #63A423 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #63A423 7%, #4D9215 93%);

 

HEX #63A423 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #63A423 8%, #4D9215 93%);

 

HEX #4D9215 まで HEX #74B636


CSSコード:

background-image: linear-gradient(135deg, #4D9215 12%, #74B636 87%);

 

HEX #4D9215 まで HEX #74B636


CSSコード:

background-image: radial-gradient(circle, #4D9215 8%, #74B636 97%);

 

HEX #74B636 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #74B636 13%, #4D9215 96%);

 

HEX #74B636 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #74B636 10%, #4D9215 91%);

 

HEX #4D9215 まで HEX #85C849


CSSコード:

background-image: linear-gradient(135deg, #4D9215 10%, #85C849 92%);

 

HEX #4D9215 まで HEX #85C849


CSSコード:

background-image: radial-gradient(circle, #4D9215 7%, #85C849 97%);

 

HEX #85C849 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #85C849 1%, #4D9215 99%);

 

HEX #85C849 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #85C849 10%, #4D9215 96%);

 

HEX #4D9215 まで HEX #96DA5C


CSSコード:

background-image: linear-gradient(135deg, #4D9215 11%, #96DA5C 92%);

 

HEX #4D9215 まで HEX #96DA5C


CSSコード:

background-image: radial-gradient(circle, #4D9215 1%, #96DA5C 96%);

 

HEX #96DA5C まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #96DA5C 2%, #4D9215 88%);

 

HEX #96DA5C まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #96DA5C 13%, #4D9215 87%);

リニア

HEX #4D9215 まで HEX #3C8002


CSSコード:

background-image: linear-gradient(135deg, #4D9215 7%, #3C8002 99%);

ラジアル

HEX #4D9215 まで HEX #3C8002


CSSコード:

background-image: radial-gradient(circle, #4D9215 14%, #3C8002 90%);

 

HEX #3C8002 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #3C8002 0%, #4D9215 92%);

 

HEX #3C8002 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #3C8002 6%, #4D9215 97%);

 

HEX #4D9215 まで HEX #2B6E00


CSSコード:

background-image: linear-gradient(135deg, #4D9215 8%, #2B6E00 86%);

 

HEX #4D9215 まで HEX #2B6E00


CSSコード:

background-image: radial-gradient(circle, #4D9215 11%, #2B6E00 89%);

 

HEX #2B6E00 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #2B6E00 0%, #4D9215 97%);

 

HEX #2B6E00 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #2B6E00 12%, #4D9215 92%);

 

HEX #4D9215 まで HEX #1A5C00


CSSコード:

background-image: linear-gradient(135deg, #4D9215 10%, #1A5C00 92%);

 

HEX #4D9215 まで HEX #1A5C00


CSSコード:

background-image: radial-gradient(circle, #4D9215 6%, #1A5C00 89%);

 

HEX #1A5C00 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #1A5C00 8%, #4D9215 97%);

 

HEX #1A5C00 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #1A5C00 2%, #4D9215 91%);

 

HEX #4D9215 まで HEX #094A00


CSSコード:

background-image: linear-gradient(135deg, #4D9215 7%, #094A00 94%);

 

HEX #4D9215 まで HEX #094A00


CSSコード:

background-image: radial-gradient(circle, #4D9215 9%, #094A00 96%);

 

HEX #094A00 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #094A00 10%, #4D9215 90%);

 

HEX #094A00 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #094A00 10%, #4D9215 87%);

リニア

HEX #4D9215 まで HEX #389315


CSSコード:

background-image: linear-gradient(135deg, #4D9215 3%, #389315 86%);

ラジアル

HEX #4D9215 まで HEX #389315


CSSコード:

background-image: radial-gradient(circle, #4D9215 13%, #389315 97%);

 

HEX #389315 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #389315 2%, #4D9215 100%);

 

HEX #389315 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #389315 8%, #4D9215 98%);

 

HEX #4D9215 まで HEX #239315


CSSコード:

background-image: linear-gradient(135deg, #4D9215 6%, #239315 95%);

 

HEX #4D9215 まで HEX #239315


CSSコード:

background-image: radial-gradient(circle, #4D9215 14%, #239315 99%);

 

HEX #239315 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #239315 6%, #4D9215 100%);

 

HEX #239315 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #239315 3%, #4D9215 86%);

 

HEX #4D9215 まで HEX #15931B


CSSコード:

background-image: linear-gradient(135deg, #4D9215 1%, #15931B 96%);

 

HEX #4D9215 まで HEX #15931B


CSSコード:

background-image: radial-gradient(circle, #4D9215 0%, #15931B 97%);

 

HEX #15931B まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #15931B 11%, #4D9215 99%);

 

HEX #15931B まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #15931B 1%, #4D9215 89%);

 

HEX #4D9215 まで HEX #159330


CSSコード:

background-image: linear-gradient(135deg, #4D9215 4%, #159330 92%);

 

HEX #4D9215 まで HEX #159330


CSSコード:

background-image: radial-gradient(circle, #4D9215 0%, #159330 98%);

 

HEX #159330 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #159330 6%, #4D9215 96%);

 

HEX #159330 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #159330 14%, #4D9215 99%);

リニア

HEX #4D9215 まで HEX #68C51C


CSSコード:

background-image: linear-gradient(135deg, #4D9215 4%, #68C51C 94%);

ラジアル

HEX #4D9215 まで HEX #68C51C


CSSコード:

background-image: radial-gradient(circle, #4D9215 3%, #68C51C 95%);

 

HEX #68C51C まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #68C51C 1%, #4D9215 89%);

 

HEX #68C51C まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #68C51C 7%, #4D9215 91%);

 

HEX #4D9215 まで HEX #83F824


CSSコード:

background-image: linear-gradient(135deg, #4D9215 3%, #83F824 98%);

 

HEX #4D9215 まで HEX #83F824


CSSコード:

background-image: radial-gradient(circle, #4D9215 0%, #83F824 92%);

 

HEX #83F824 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #83F824 5%, #4D9215 87%);

 

HEX #83F824 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #83F824 12%, #4D9215 98%);

 

HEX #4D9215 まで HEX #172C06


CSSコード:

background-image: linear-gradient(135deg, #4D9215 1%, #172C06 93%);

 

HEX #4D9215 まで HEX #172C06


CSSコード:

background-image: radial-gradient(circle, #4D9215 3%, #172C06 92%);

 

HEX #172C06 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #172C06 6%, #4D9215 89%);

 

HEX #172C06 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #172C06 2%, #4D9215 98%);

 

HEX #4D9215 まで HEX #325F0E


CSSコード:

background-image: linear-gradient(135deg, #4D9215 0%, #325F0E 94%);

 

HEX #4D9215 まで HEX #325F0E


CSSコード:

background-image: radial-gradient(circle, #4D9215 13%, #325F0E 91%);

 

HEX #325F0E まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #325F0E 10%, #4D9215 87%);

 

HEX #325F0E まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #325F0E 1%, #4D9215 98%);

リニア

HEX #4D9215 まで HEX #159373


CSSコード:

background-image: linear-gradient(135deg, #4D9215 3%, #159373 90%);

ラジアル

HEX #4D9215 まで HEX #159373


CSSコード:

background-image: radial-gradient(circle, #4D9215 4%, #159373 97%);

 

HEX #159373 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #159373 14%, #4D9215 99%);

 

HEX #159373 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #159373 14%, #4D9215 93%);

 

HEX #4D9215 まで HEX #931580


CSSコード:

background-image: linear-gradient(135deg, #4D9215 11%, #931580 98%);

 

HEX #4D9215 まで HEX #931580


CSSコード:

background-image: radial-gradient(circle, #4D9215 8%, #931580 98%);

 

HEX #931580 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #931580 10%, #4D9215 95%);

 

HEX #931580 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #931580 7%, #4D9215 93%);

リニア

HEX #4D9215 まで HEX #154D93


CSSコード:

background-image: linear-gradient(135deg, #4D9215 10%, #154D93 88%);

ラジアル

HEX #4D9215 まで HEX #154D93


CSSコード:

background-image: radial-gradient(circle, #4D9215 10%, #154D93 96%);

 

HEX #154D93 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #154D93 6%, #4D9215 92%);

 

HEX #154D93 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #154D93 13%, #4D9215 97%);

 

HEX #4D9215 まで HEX #93154D


CSSコード:

background-image: linear-gradient(135deg, #4D9215 1%, #93154D 89%);

 

HEX #4D9215 まで HEX #93154D


CSSコード:

background-image: radial-gradient(circle, #4D9215 8%, #93154D 94%);

 

HEX #93154D まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #93154D 14%, #4D9215 93%);

 

HEX #93154D まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #93154D 4%, #4D9215 88%);

リニア

HEX #4D9215 まで HEX #159373


CSSコード:

background-image: linear-gradient(135deg, #4D9215 3%, #159373 93%);

ラジアル

HEX #4D9215 まで HEX #159373


CSSコード:

background-image: radial-gradient(circle, #4D9215 0%, #159373 100%);

 

HEX #159373 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #159373 11%, #4D9215 97%);

 

HEX #159373 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #159373 12%, #4D9215 86%);

 

HEX #4D9215 まで HEX #5A1593


CSSコード:

background-image: linear-gradient(135deg, #4D9215 5%, #5A1593 99%);

 

HEX #4D9215 まで HEX #5A1593


CSSコード:

background-image: radial-gradient(circle, #4D9215 10%, #5A1593 96%);

 

HEX #5A1593 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #5A1593 5%, #4D9215 94%);

 

HEX #5A1593 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #5A1593 12%, #4D9215 89%);

 

HEX #4D9215 まで HEX #931534


CSSコード:

background-image: linear-gradient(135deg, #4D9215 3%, #931534 86%);

 

HEX #4D9215 まで HEX #931534


CSSコード:

background-image: radial-gradient(circle, #4D9215 3%, #931534 96%);

 

HEX #931534 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #931534 7%, #4D9215 95%);

 

HEX #931534 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #931534 14%, #4D9215 89%);

リニア

HEX #4D9215 まで HEX #158C93


CSSコード:

background-image: linear-gradient(135deg, #4D9215 14%, #158C93 96%);

ラジアル

HEX #4D9215 まで HEX #158C93


CSSコード:

background-image: radial-gradient(circle, #4D9215 1%, #158C93 97%);

 

HEX #158C93 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #158C93 6%, #4D9215 86%);

 

HEX #158C93 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #158C93 6%, #4D9215 89%);

 

HEX #4D9215 まで HEX #5A1593


CSSコード:

background-image: linear-gradient(135deg, #4D9215 1%, #5A1593 93%);

 

HEX #4D9215 まで HEX #5A1593


CSSコード:

background-image: radial-gradient(circle, #4D9215 9%, #5A1593 89%);

 

HEX #5A1593 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #5A1593 9%, #4D9215 87%);

 

HEX #5A1593 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #5A1593 2%, #4D9215 90%);

 

HEX #4D9215 まで HEX #931B15


CSSコード:

background-image: linear-gradient(135deg, #4D9215 5%, #931B15 86%);

 

HEX #4D9215 まで HEX #931B15


CSSコード:

background-image: radial-gradient(circle, #4D9215 14%, #931B15 98%);

 

HEX #931B15 まで HEX #4D9215


CSSコード:

background-image: linear-gradient(135deg, #931B15 6%, #4D9215 87%);

 

HEX #931B15 まで HEX #4D9215


CSSコード:

background-image: radial-gradient(circle, #931B15 11%, #4D9215 92%);

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

サービス内容

カラー

ラグビー に 呪咀

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

カラーパレットを保存するには、ログインする必要があります。

アカウントにログイン

または

アカウントを作成する

現在のカラーパレット 共有
公開か非公開か？
共有後、リンク（複数可）が続きます。

キャンセル シェア

カラーパレット共有
ご希望のリンクをコピーして保存してください。

シェア

OK、リンクをコピーしておきました

カラーは新しいカラーパレットに保存され、
プロフィールの下に表示されます。
さらにカスタマイズしたり、共有することもできます。

カラーパレットを表示する
了い

カラーパレットを作成する

ダウンロード各種フォーマットでダウンロード

すべて削除

をクリックすると、パレットを作成し、 色見本をダウンロードすることができます。

© 2019-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de