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

✕

CSS グラデーション:
#6EB31C

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #6EB31C まで HEX #914CE3


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 7%, #914CE3 94%);

ラジアル

HEX #6EB31C まで HEX #914CE3


CSSコード:

background-image: radial-gradient(circle, #6EB31C 2%, #914CE3 91%);

 

HEX #914CE3 まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #914CE3 4%, #6EB31C 86%);

 

HEX #914CE3 まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #914CE3 7%, #6EB31C 100%);

リニア

HEX #6EB31C まで HEX #84C52A


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 2%, #84C52A 92%);

ラジアル

HEX #6EB31C まで HEX #84C52A


CSSコード:

background-image: radial-gradient(circle, #6EB31C 6%, #84C52A 89%);

 

HEX #84C52A まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #84C52A 5%, #6EB31C 93%);

 

HEX #84C52A まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #84C52A 14%, #6EB31C 95%);

 

HEX #6EB31C まで HEX #95D73D


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 10%, #95D73D 93%);

 

HEX #6EB31C まで HEX #95D73D


CSSコード:

background-image: radial-gradient(circle, #6EB31C 14%, #95D73D 95%);

 

HEX #95D73D まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #95D73D 2%, #6EB31C 96%);

 

HEX #95D73D まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #95D73D 0%, #6EB31C 99%);

 

HEX #6EB31C まで HEX #A6E950


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 6%, #A6E950 92%);

 

HEX #6EB31C まで HEX #A6E950


CSSコード:

background-image: radial-gradient(circle, #6EB31C 0%, #A6E950 89%);

 

HEX #A6E950 まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #A6E950 7%, #6EB31C 99%);

 

HEX #A6E950 まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #A6E950 11%, #6EB31C 92%);

 

HEX #6EB31C まで HEX #B7FB63


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 14%, #B7FB63 99%);

 

HEX #6EB31C まで HEX #B7FB63


CSSコード:

background-image: radial-gradient(circle, #6EB31C 13%, #B7FB63 99%);

 

HEX #B7FB63 まで HEX #6EB31C


CSSコード:

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

 

HEX #B7FB63 まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #B7FB63 7%, #6EB31C 86%);

リニア

HEX #6EB31C まで HEX #5DA109


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 12%, #5DA109 89%);

ラジアル

HEX #6EB31C まで HEX #5DA109


CSSコード:

background-image: radial-gradient(circle, #6EB31C 7%, #5DA109 87%);

 

HEX #5DA109 まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #5DA109 5%, #6EB31C 97%);

 

HEX #5DA109 まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #5DA109 5%, #6EB31C 92%);

 

HEX #6EB31C まで HEX #4C8F00


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 3%, #4C8F00 91%);

 

HEX #6EB31C まで HEX #4C8F00


CSSコード:

background-image: radial-gradient(circle, #6EB31C 0%, #4C8F00 90%);

 

HEX #4C8F00 まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #4C8F00 11%, #6EB31C 96%);

 

HEX #4C8F00 まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #4C8F00 4%, #6EB31C 87%);

 

HEX #6EB31C まで HEX #3B7D00


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 13%, #3B7D00 90%);

 

HEX #6EB31C まで HEX #3B7D00


CSSコード:

background-image: radial-gradient(circle, #6EB31C 9%, #3B7D00 94%);

 

HEX #3B7D00 まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #3B7D00 9%, #6EB31C 86%);

 

HEX #3B7D00 まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #3B7D00 0%, #6EB31C 86%);

 

HEX #6EB31C まで HEX #2A6B00


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 10%, #2A6B00 97%);

 

HEX #6EB31C まで HEX #2A6B00


CSSコード:

background-image: radial-gradient(circle, #6EB31C 2%, #2A6B00 88%);

 

HEX #2A6B00 まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #2A6B00 14%, #6EB31C 86%);

 

HEX #2A6B00 まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #2A6B00 7%, #6EB31C 99%);

リニア

HEX #6EB31C まで HEX #56B41C


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 4%, #56B41C 99%);

ラジアル

HEX #6EB31C まで HEX #56B41C


CSSコード:

background-image: radial-gradient(circle, #6EB31C 12%, #56B41C 89%);

 

HEX #56B41C まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #56B41C 13%, #6EB31C 100%);

 

HEX #56B41C まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #56B41C 12%, #6EB31C 94%);

 

HEX #6EB31C まで HEX #3DB41C


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 2%, #3DB41C 100%);

 

HEX #6EB31C まで HEX #3DB41C


CSSコード:

background-image: radial-gradient(circle, #6EB31C 2%, #3DB41C 86%);

 

HEX #3DB41C まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #3DB41C 0%, #6EB31C 87%);

 

HEX #3DB41C まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #3DB41C 2%, #6EB31C 95%);

 

HEX #6EB31C まで HEX #23B41C


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 1%, #23B41C 94%);

 

HEX #6EB31C まで HEX #23B41C


CSSコード:

background-image: radial-gradient(circle, #6EB31C 4%, #23B41C 96%);

 

HEX #23B41C まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #23B41C 2%, #6EB31C 100%);

 

HEX #23B41C まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #23B41C 7%, #6EB31C 98%);

 

HEX #6EB31C まで HEX #1CB42E


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 10%, #1CB42E 89%);

 

HEX #6EB31C まで HEX #1CB42E


CSSコード:

background-image: radial-gradient(circle, #6EB31C 1%, #1CB42E 88%);

 

HEX #1CB42E まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #1CB42E 13%, #6EB31C 87%);

 

HEX #1CB42E まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #1CB42E 11%, #6EB31C 96%);

リニア

HEX #6EB31C まで HEX #8DE624


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 6%, #8DE624 86%);

ラジアル

HEX #6EB31C まで HEX #8DE624


CSSコード:

background-image: radial-gradient(circle, #6EB31C 6%, #8DE624 94%);

 

HEX #8DE624 まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #8DE624 6%, #6EB31C 88%);

 

HEX #8DE624 まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #8DE624 1%, #6EB31C 97%);

 

HEX #6EB31C まで HEX #101A04


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 10%, #101A04 98%);

 

HEX #6EB31C まで HEX #101A04


CSSコード:

background-image: radial-gradient(circle, #6EB31C 0%, #101A04 90%);

 

HEX #101A04 まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #101A04 4%, #6EB31C 95%);

 

HEX #101A04 まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #101A04 10%, #6EB31C 93%);

 

HEX #6EB31C まで HEX #2F4D0C


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 3%, #2F4D0C 97%);

 

HEX #6EB31C まで HEX #2F4D0C


CSSコード:

background-image: radial-gradient(circle, #6EB31C 2%, #2F4D0C 96%);

 

HEX #2F4D0C まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #2F4D0C 0%, #6EB31C 88%);

 

HEX #2F4D0C まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #2F4D0C 11%, #6EB31C 98%);

 

HEX #6EB31C まで HEX #4F8014


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 4%, #4F8014 93%);

 

HEX #6EB31C まで HEX #4F8014


CSSコード:

background-image: radial-gradient(circle, #6EB31C 11%, #4F8014 88%);

 

HEX #4F8014 まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #4F8014 5%, #6EB31C 87%);

 

HEX #4F8014 まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #4F8014 7%, #6EB31C 91%);

リニア

HEX #6EB31C まで HEX #1CB47F


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 14%, #1CB47F 95%);

ラジアル

HEX #6EB31C まで HEX #1CB47F


CSSコード:

background-image: radial-gradient(circle, #6EB31C 13%, #1CB47F 93%);

 

HEX #1CB47F まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #1CB47F 7%, #6EB31C 99%);

 

HEX #1CB47F まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #1CB47F 10%, #6EB31C 86%);

 

HEX #6EB31C まで HEX #B41CAD


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 6%, #B41CAD 94%);

 

HEX #6EB31C まで HEX #B41CAD


CSSコード:

background-image: radial-gradient(circle, #6EB31C 0%, #B41CAD 99%);

 

HEX #B41CAD まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #B41CAD 14%, #6EB31C 89%);

 

HEX #B41CAD まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #B41CAD 4%, #6EB31C 96%);

リニア

HEX #6EB31C まで HEX #1C70B4


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 2%, #1C70B4 95%);

ラジアル

HEX #6EB31C まで HEX #1C70B4


CSSコード:

background-image: radial-gradient(circle, #6EB31C 14%, #1C70B4 99%);

 

HEX #1C70B4 まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #1C70B4 6%, #6EB31C 86%);

 

HEX #1C70B4 まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #1C70B4 9%, #6EB31C 93%);

 

HEX #6EB31C まで HEX #B41C70


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 9%, #B41C70 98%);

 

HEX #6EB31C まで HEX #B41C70


CSSコード:

background-image: radial-gradient(circle, #6EB31C 7%, #B41C70 87%);

 

HEX #B41C70 まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #B41C70 1%, #6EB31C 88%);

 

HEX #B41C70 まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #B41C70 5%, #6EB31C 100%);

リニア

HEX #6EB31C まで HEX #1CB47F


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 7%, #1CB47F 86%);

ラジアル

HEX #6EB31C まで HEX #1CB47F


CSSコード:

background-image: radial-gradient(circle, #6EB31C 4%, #1CB47F 90%);

 

HEX #1CB47F まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #1CB47F 5%, #6EB31C 86%);

 

HEX #1CB47F まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #1CB47F 4%, #6EB31C 95%);

 

HEX #6EB31C まで HEX #601CB4


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 10%, #601CB4 94%);

 

HEX #6EB31C まで HEX #601CB4


CSSコード:

background-image: radial-gradient(circle, #6EB31C 9%, #601CB4 97%);

 

HEX #601CB4 まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #601CB4 0%, #6EB31C 89%);

 

HEX #601CB4 まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #601CB4 13%, #6EB31C 95%);

 

HEX #6EB31C まで HEX #B41C51


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 11%, #B41C51 98%);

 

HEX #6EB31C まで HEX #B41C51


CSSコード:

background-image: radial-gradient(circle, #6EB31C 14%, #B41C51 95%);

 

HEX #B41C51 まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #B41C51 4%, #6EB31C 98%);

 

HEX #B41C51 まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #B41C51 4%, #6EB31C 95%);

リニア

HEX #6EB31C まで HEX #1CB4AD


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 5%, #1CB4AD 89%);

ラジアル

HEX #6EB31C まで HEX #1CB4AD


CSSコード:

background-image: radial-gradient(circle, #6EB31C 14%, #1CB4AD 93%);

 

HEX #1CB4AD まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #1CB4AD 12%, #6EB31C 97%);

 

HEX #1CB4AD まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #1CB4AD 12%, #6EB31C 89%);

 

HEX #6EB31C まで HEX #601CB4


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 10%, #601CB4 89%);

 

HEX #6EB31C まで HEX #601CB4


CSSコード:

background-image: radial-gradient(circle, #6EB31C 5%, #601CB4 89%);

 

HEX #601CB4 まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #601CB4 6%, #6EB31C 90%);

 

HEX #601CB4 まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #601CB4 6%, #6EB31C 91%);

 

HEX #6EB31C まで HEX #B41C23


CSSコード:

background-image: linear-gradient(135deg, #6EB31C 11%, #B41C23 93%);

 

HEX #6EB31C まで HEX #B41C23


CSSコード:

background-image: radial-gradient(circle, #6EB31C 2%, #B41C23 98%);

 

HEX #B41C23 まで HEX #6EB31C


CSSコード:

background-image: linear-gradient(135deg, #B41C23 2%, #6EB31C 98%);

 

HEX #B41C23 まで HEX #6EB31C


CSSコード:

background-image: radial-gradient(circle, #B41C23 7%, #6EB31C 100%);

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

サービス内容

カラー

ラグビー に 呪咀

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