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

✕

CSS グラデーション:
#376E34

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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



ブランド

この色は少なくとも1社で使用されています。ここで、どのようなものがあるのかを見てみましょう。

87% - Web Page Under Const...
リンク: http://cia.org

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

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

レッツゴー

リニア

HEX #376E34 まで HEX #C891CB


CSSコード:

background-image: linear-gradient(135deg, #376E34 11%, #C891CB 86%);

ラジアル

HEX #376E34 まで HEX #C891CB


CSSコード:

background-image: radial-gradient(circle, #376E34 10%, #C891CB 94%);

 

HEX #C891CB まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #C891CB 14%, #376E34 97%);

 

HEX #C891CB まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #C891CB 5%, #376E34 88%);

リニア

HEX #376E34 まで HEX #4D8042


CSSコード:

background-image: linear-gradient(135deg, #376E34 7%, #4D8042 100%);

ラジアル

HEX #376E34 まで HEX #4D8042


CSSコード:

background-image: radial-gradient(circle, #376E34 8%, #4D8042 89%);

 

HEX #4D8042 まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #4D8042 11%, #376E34 94%);

 

HEX #4D8042 まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #4D8042 4%, #376E34 100%);

 

HEX #376E34 まで HEX #5E9255


CSSコード:

background-image: linear-gradient(135deg, #376E34 11%, #5E9255 90%);

 

HEX #376E34 まで HEX #5E9255


CSSコード:

background-image: radial-gradient(circle, #376E34 1%, #5E9255 93%);

 

HEX #5E9255 まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #5E9255 12%, #376E34 87%);

 

HEX #5E9255 まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #5E9255 14%, #376E34 86%);

 

HEX #376E34 まで HEX #6FA468


CSSコード:

background-image: linear-gradient(135deg, #376E34 14%, #6FA468 100%);

 

HEX #376E34 まで HEX #6FA468


CSSコード:

background-image: radial-gradient(circle, #376E34 2%, #6FA468 100%);

 

HEX #6FA468 まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #6FA468 12%, #376E34 97%);

 

HEX #6FA468 まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #6FA468 11%, #376E34 97%);

 

HEX #376E34 まで HEX #80B67B


CSSコード:

background-image: linear-gradient(135deg, #376E34 3%, #80B67B 87%);

 

HEX #376E34 まで HEX #80B67B


CSSコード:

background-image: radial-gradient(circle, #376E34 1%, #80B67B 92%);

 

HEX #80B67B まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #80B67B 14%, #376E34 97%);

 

HEX #80B67B まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #80B67B 6%, #376E34 88%);

リニア

HEX #376E34 まで HEX #265C21


CSSコード:

background-image: linear-gradient(135deg, #376E34 11%, #265C21 87%);

ラジアル

HEX #376E34 まで HEX #265C21


CSSコード:

background-image: radial-gradient(circle, #376E34 3%, #265C21 86%);

 

HEX #265C21 まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #265C21 7%, #376E34 95%);

 

HEX #265C21 まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #265C21 4%, #376E34 92%);

 

HEX #376E34 まで HEX #154A0E


CSSコード:

background-image: linear-gradient(135deg, #376E34 8%, #154A0E 87%);

 

HEX #376E34 まで HEX #154A0E


CSSコード:

background-image: radial-gradient(circle, #376E34 12%, #154A0E 89%);

 

HEX #154A0E まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #154A0E 6%, #376E34 96%);

 

HEX #154A0E まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #154A0E 13%, #376E34 96%);

 

HEX #376E34 まで HEX #043800


CSSコード:

background-image: linear-gradient(135deg, #376E34 12%, #043800 92%);

 

HEX #376E34 まで HEX #043800


CSSコード:

background-image: radial-gradient(circle, #376E34 2%, #043800 90%);

 

HEX #043800 まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #043800 8%, #376E34 88%);

 

HEX #043800 まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #043800 8%, #376E34 98%);

 

HEX #376E34 まで HEX #002600


CSSコード:

background-image: linear-gradient(135deg, #376E34 4%, #002600 97%);

 

HEX #376E34 まで HEX #002600


CSSコード:

background-image: radial-gradient(circle, #376E34 2%, #002600 94%);

 

HEX #002600 まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #002600 6%, #376E34 94%);

 

HEX #002600 まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #002600 10%, #376E34 94%);

リニア

HEX #376E34 まで HEX #346E3A


CSSコード:

background-image: linear-gradient(135deg, #376E34 8%, #346E3A 88%);

ラジアル

HEX #376E34 まで HEX #346E3A


CSSコード:

background-image: radial-gradient(circle, #376E34 14%, #346E3A 100%);

 

HEX #346E3A まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #346E3A 7%, #376E34 92%);

 

HEX #346E3A まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #346E3A 14%, #376E34 91%);

 

HEX #376E34 まで HEX #346E43


CSSコード:

background-image: linear-gradient(135deg, #376E34 7%, #346E43 95%);

 

HEX #376E34 まで HEX #346E43


CSSコード:

background-image: radial-gradient(circle, #376E34 10%, #346E43 91%);

 

HEX #346E43 まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #346E43 4%, #376E34 95%);

 

HEX #346E43 まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #346E43 6%, #376E34 98%);

 

HEX #376E34 まで HEX #346E4D


CSSコード:

background-image: linear-gradient(135deg, #376E34 9%, #346E4D 97%);

 

HEX #376E34 まで HEX #346E4D


CSSコード:

background-image: radial-gradient(circle, #376E34 14%, #346E4D 96%);

 

HEX #346E4D まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #346E4D 12%, #376E34 94%);

 

HEX #346E4D まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #346E4D 11%, #376E34 94%);

 

HEX #376E34 まで HEX #346E57


CSSコード:

background-image: linear-gradient(135deg, #376E34 12%, #346E57 95%);

 

HEX #376E34 まで HEX #346E57


CSSコード:

background-image: radial-gradient(circle, #376E34 12%, #346E57 88%);

 

HEX #346E57 まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #346E57 12%, #376E34 98%);

 

HEX #346E57 まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #346E57 12%, #376E34 95%);

リニア

HEX #376E34 まで HEX #51A14C


CSSコード:

background-image: linear-gradient(135deg, #376E34 8%, #51A14C 96%);

ラジアル

HEX #376E34 まで HEX #51A14C


CSSコード:

background-image: radial-gradient(circle, #376E34 1%, #51A14C 91%);

 

HEX #51A14C まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #51A14C 14%, #376E34 97%);

 

HEX #51A14C まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #51A14C 6%, #376E34 90%);

 

HEX #376E34 まで HEX #6AD464


CSSコード:

background-image: linear-gradient(135deg, #376E34 8%, #6AD464 89%);

 

HEX #376E34 まで HEX #6AD464


CSSコード:

background-image: radial-gradient(circle, #376E34 6%, #6AD464 93%);

 

HEX #6AD464 まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #6AD464 14%, #376E34 99%);

 

HEX #6AD464 まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #6AD464 12%, #376E34 96%);

 

HEX #376E34 まで HEX #040804


CSSコード:

background-image: linear-gradient(135deg, #376E34 12%, #040804 99%);

 

HEX #376E34 まで HEX #040804


CSSコード:

background-image: radial-gradient(circle, #376E34 6%, #040804 89%);

 

HEX #040804 まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #040804 9%, #376E34 88%);

 

HEX #040804 まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #040804 1%, #376E34 99%);

 

HEX #376E34 まで HEX #1E3B1C


CSSコード:

background-image: linear-gradient(135deg, #376E34 9%, #1E3B1C 96%);

 

HEX #376E34 まで HEX #1E3B1C


CSSコード:

background-image: radial-gradient(circle, #376E34 9%, #1E3B1C 96%);

 

HEX #1E3B1C まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #1E3B1C 5%, #376E34 97%);

 

HEX #1E3B1C まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #1E3B1C 11%, #376E34 90%);

リニア

HEX #376E34 まで HEX #34676E


CSSコード:

background-image: linear-gradient(135deg, #376E34 6%, #34676E 88%);

ラジアル

HEX #376E34 まで HEX #34676E


CSSコード:

background-image: radial-gradient(circle, #376E34 6%, #34676E 90%);

 

HEX #34676E まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #34676E 8%, #376E34 96%);

 

HEX #34676E まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #34676E 4%, #376E34 95%);

 

HEX #376E34 まで HEX #6E344F


CSSコード:

background-image: linear-gradient(135deg, #376E34 5%, #6E344F 87%);

 

HEX #376E34 まで HEX #6E344F


CSSコード:

background-image: radial-gradient(circle, #376E34 1%, #6E344F 91%);

 

HEX #6E344F まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #6E344F 0%, #376E34 97%);

 

HEX #6E344F まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #6E344F 9%, #376E34 87%);

リニア

HEX #376E34 まで HEX #34386E


CSSコード:

background-image: linear-gradient(135deg, #376E34 11%, #34386E 93%);

ラジアル

HEX #376E34 まで HEX #34386E


CSSコード:

background-image: radial-gradient(circle, #376E34 5%, #34386E 100%);

 

HEX #34386E まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #34386E 12%, #376E34 94%);

 

HEX #34386E まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #34386E 5%, #376E34 96%);

 

HEX #376E34 まで HEX #6E3438


CSSコード:

background-image: linear-gradient(135deg, #376E34 12%, #6E3438 91%);

 

HEX #376E34 まで HEX #6E3438


CSSコード:

background-image: radial-gradient(circle, #376E34 7%, #6E3438 89%);

 

HEX #6E3438 まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #6E3438 12%, #376E34 98%);

 

HEX #6E3438 まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #6E3438 6%, #376E34 86%);

リニア

HEX #376E34 まで HEX #34676E


CSSコード:

background-image: linear-gradient(135deg, #376E34 1%, #34676E 95%);

ラジアル

HEX #376E34 まで HEX #34676E


CSSコード:

background-image: radial-gradient(circle, #376E34 8%, #34676E 93%);

 

HEX #34676E まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #34676E 9%, #376E34 92%);

 

HEX #34676E まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #34676E 10%, #376E34 86%);

 

HEX #376E34 まで HEX #6B346E


CSSコード:

background-image: linear-gradient(135deg, #376E34 10%, #6B346E 97%);

 

HEX #376E34 まで HEX #6B346E


CSSコード:

background-image: radial-gradient(circle, #376E34 7%, #6B346E 92%);

 

HEX #6B346E まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #6B346E 3%, #376E34 88%);

 

HEX #6B346E まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #6B346E 3%, #376E34 99%);

 

HEX #376E34 まで HEX #6E3C34


CSSコード:

background-image: linear-gradient(135deg, #376E34 12%, #6E3C34 99%);

 

HEX #376E34 まで HEX #6E3C34


CSSコード:

background-image: radial-gradient(circle, #376E34 9%, #6E3C34 100%);

 

HEX #6E3C34 まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #6E3C34 3%, #376E34 91%);

 

HEX #6E3C34 まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #6E3C34 8%, #376E34 87%);

リニア

HEX #376E34 まで HEX #34556E


CSSコード:

background-image: linear-gradient(135deg, #376E34 12%, #34556E 87%);

ラジアル

HEX #376E34 まで HEX #34556E


CSSコード:

background-image: radial-gradient(circle, #376E34 12%, #34556E 99%);

 

HEX #34556E まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #34556E 14%, #376E34 99%);

 

HEX #34556E まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #34556E 0%, #376E34 91%);

 

HEX #376E34 まで HEX #6B346E


CSSコード:

background-image: linear-gradient(135deg, #376E34 14%, #6B346E 89%);

 

HEX #376E34 まで HEX #6B346E


CSSコード:

background-image: radial-gradient(circle, #376E34 6%, #6B346E 92%);

 

HEX #6B346E まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #6B346E 9%, #376E34 92%);

 

HEX #6B346E まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #6B346E 1%, #376E34 97%);

 

HEX #376E34 まで HEX #6E4D34


CSSコード:

background-image: linear-gradient(135deg, #376E34 4%, #6E4D34 86%);

 

HEX #376E34 まで HEX #6E4D34


CSSコード:

background-image: radial-gradient(circle, #376E34 6%, #6E4D34 86%);

 

HEX #6E4D34 まで HEX #376E34


CSSコード:

background-image: linear-gradient(135deg, #6E4D34 4%, #376E34 94%);

 

HEX #6E4D34 まで HEX #376E34


CSSコード:

background-image: radial-gradient(circle, #6E4D34 4%, #376E34 88%);

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

サービス内容

カラー

ラグビー に 呪咀

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