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

✕

CSS グラデーション:
#3CC221

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

この色では、緑が他の色より際立っています。緑色の色相の値が他の2つの値より大きくなっています。赤と青の色相のために、値よりもはるかに際立っています。 色値が他と比べて低いため、私たちにはこの色合いが濃く見える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #3CC221 まで HEX #C33DDE


CSSコード:

background-image: linear-gradient(135deg, #3CC221 5%, #C33DDE 93%);

ラジアル

HEX #3CC221 まで HEX #C33DDE


CSSコード:

background-image: radial-gradient(circle, #3CC221 7%, #C33DDE 100%);

 

HEX #C33DDE まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #C33DDE 1%, #3CC221 93%);

 

HEX #C33DDE まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #C33DDE 3%, #3CC221 89%);

リニア

HEX #3CC221 まで HEX #52D42F


CSSコード:

background-image: linear-gradient(135deg, #3CC221 3%, #52D42F 86%);

ラジアル

HEX #3CC221 まで HEX #52D42F


CSSコード:

background-image: radial-gradient(circle, #3CC221 8%, #52D42F 92%);

 

HEX #52D42F まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #52D42F 9%, #3CC221 92%);

 

HEX #52D42F まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #52D42F 5%, #3CC221 88%);

 

HEX #3CC221 まで HEX #63E642


CSSコード:

background-image: linear-gradient(135deg, #3CC221 4%, #63E642 89%);

 

HEX #3CC221 まで HEX #63E642


CSSコード:

background-image: radial-gradient(circle, #3CC221 13%, #63E642 86%);

 

HEX #63E642 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #63E642 10%, #3CC221 87%);

 

HEX #63E642 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #63E642 7%, #3CC221 88%);

 

HEX #3CC221 まで HEX #74F855


CSSコード:

background-image: linear-gradient(135deg, #3CC221 5%, #74F855 86%);

 

HEX #3CC221 まで HEX #74F855


CSSコード:

background-image: radial-gradient(circle, #3CC221 4%, #74F855 92%);

 

HEX #74F855 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #74F855 12%, #3CC221 97%);

 

HEX #74F855 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #74F855 12%, #3CC221 98%);

 

HEX #3CC221 まで HEX #85FF68


CSSコード:

background-image: linear-gradient(135deg, #3CC221 10%, #85FF68 89%);

 

HEX #3CC221 まで HEX #85FF68


CSSコード:

background-image: radial-gradient(circle, #3CC221 7%, #85FF68 95%);

 

HEX #85FF68 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #85FF68 5%, #3CC221 99%);

 

HEX #85FF68 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #85FF68 3%, #3CC221 86%);

リニア

HEX #3CC221 まで HEX #2BB00E


CSSコード:

background-image: linear-gradient(135deg, #3CC221 5%, #2BB00E 99%);

ラジアル

HEX #3CC221 まで HEX #2BB00E


CSSコード:

background-image: radial-gradient(circle, #3CC221 5%, #2BB00E 99%);

 

HEX #2BB00E まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #2BB00E 9%, #3CC221 93%);

 

HEX #2BB00E まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #2BB00E 0%, #3CC221 89%);

 

HEX #3CC221 まで HEX #1A9E00


CSSコード:

background-image: linear-gradient(135deg, #3CC221 6%, #1A9E00 92%);

 

HEX #3CC221 まで HEX #1A9E00


CSSコード:

background-image: radial-gradient(circle, #3CC221 8%, #1A9E00 92%);

 

HEX #1A9E00 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #1A9E00 11%, #3CC221 91%);

 

HEX #1A9E00 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #1A9E00 2%, #3CC221 89%);

 

HEX #3CC221 まで HEX #098C00


CSSコード:

background-image: linear-gradient(135deg, #3CC221 4%, #098C00 96%);

 

HEX #3CC221 まで HEX #098C00


CSSコード:

background-image: radial-gradient(circle, #3CC221 9%, #098C00 88%);

 

HEX #098C00 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #098C00 11%, #3CC221 96%);

 

HEX #098C00 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #098C00 2%, #3CC221 88%);

 

HEX #3CC221 まで HEX #007A00


CSSコード:

background-image: linear-gradient(135deg, #3CC221 7%, #007A00 99%);

 

HEX #3CC221 まで HEX #007A00


CSSコード:

background-image: radial-gradient(circle, #3CC221 10%, #007A00 92%);

 

HEX #007A00 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #007A00 2%, #3CC221 95%);

 

HEX #007A00 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #007A00 13%, #3CC221 86%);

リニア

HEX #3CC221 まで HEX #23C421


CSSコード:

background-image: linear-gradient(135deg, #3CC221 1%, #23C421 90%);

ラジアル

HEX #3CC221 まで HEX #23C421


CSSコード:

background-image: radial-gradient(circle, #3CC221 10%, #23C421 92%);

 

HEX #23C421 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #23C421 10%, #3CC221 98%);

 

HEX #23C421 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #23C421 8%, #3CC221 96%);

 

HEX #3CC221 まで HEX #21C439


CSSコード:

background-image: linear-gradient(135deg, #3CC221 1%, #21C439 86%);

 

HEX #3CC221 まで HEX #21C439


CSSコード:

background-image: radial-gradient(circle, #3CC221 9%, #21C439 98%);

 

HEX #21C439 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #21C439 7%, #3CC221 89%);

 

HEX #21C439 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #21C439 4%, #3CC221 95%);

 

HEX #3CC221 まで HEX #21C454


CSSコード:

background-image: linear-gradient(135deg, #3CC221 4%, #21C454 100%);

 

HEX #3CC221 まで HEX #21C454


CSSコード:

background-image: radial-gradient(circle, #3CC221 14%, #21C454 96%);

 

HEX #21C454 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #21C454 11%, #3CC221 99%);

 

HEX #21C454 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #21C454 12%, #3CC221 98%);

 

HEX #3CC221 まで HEX #21C470


CSSコード:

background-image: linear-gradient(135deg, #3CC221 3%, #21C470 100%);

 

HEX #3CC221 まで HEX #21C470


CSSコード:

background-image: radial-gradient(circle, #3CC221 2%, #21C470 92%);

 

HEX #21C470 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #21C470 11%, #3CC221 88%);

 

HEX #21C470 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #21C470 6%, #3CC221 88%);

リニア

HEX #3CC221 まで HEX #4CF52A


CSSコード:

background-image: linear-gradient(135deg, #3CC221 13%, #4CF52A 94%);

ラジアル

HEX #3CC221 まで HEX #4CF52A


CSSコード:

background-image: radial-gradient(circle, #3CC221 2%, #4CF52A 90%);

 

HEX #4CF52A まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #4CF52A 11%, #3CC221 99%);

 

HEX #4CF52A まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #4CF52A 5%, #3CC221 86%);

 

HEX #3CC221 まで HEX #0D2907


CSSコード:

background-image: linear-gradient(135deg, #3CC221 10%, #0D2907 94%);

 

HEX #3CC221 まで HEX #0D2907


CSSコード:

background-image: radial-gradient(circle, #3CC221 11%, #0D2907 100%);

 

HEX #0D2907 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #0D2907 14%, #3CC221 94%);

 

HEX #0D2907 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #0D2907 4%, #3CC221 95%);

 

HEX #3CC221 まで HEX #1C5C10


CSSコード:

background-image: linear-gradient(135deg, #3CC221 14%, #1C5C10 86%);

 

HEX #3CC221 まで HEX #1C5C10


CSSコード:

background-image: radial-gradient(circle, #3CC221 8%, #1C5C10 100%);

 

HEX #1C5C10 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #1C5C10 1%, #3CC221 91%);

 

HEX #1C5C10 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #1C5C10 2%, #3CC221 92%);

 

HEX #3CC221 まで HEX #2C8F18


CSSコード:

background-image: linear-gradient(135deg, #3CC221 8%, #2C8F18 89%);

 

HEX #3CC221 まで HEX #2C8F18


CSSコード:

background-image: radial-gradient(circle, #3CC221 9%, #2C8F18 87%);

 

HEX #2C8F18 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #2C8F18 11%, #3CC221 95%);

 

HEX #2C8F18 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #2C8F18 8%, #3CC221 88%);

リニア

HEX #3CC221 まで HEX #21C1C4


CSSコード:

background-image: linear-gradient(135deg, #3CC221 11%, #21C1C4 94%);

ラジアル

HEX #3CC221 まで HEX #21C1C4


CSSコード:

background-image: radial-gradient(circle, #3CC221 10%, #21C1C4 100%);

 

HEX #21C1C4 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #21C1C4 11%, #3CC221 92%);

 

HEX #21C1C4 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #21C1C4 4%, #3CC221 98%);

 

HEX #3CC221 まで HEX #C42180


CSSコード:

background-image: linear-gradient(135deg, #3CC221 8%, #C42180 96%);

 

HEX #3CC221 まで HEX #C42180


CSSコード:

background-image: radial-gradient(circle, #3CC221 12%, #C42180 97%);

 

HEX #C42180 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #C42180 7%, #3CC221 89%);

 

HEX #C42180 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #C42180 2%, #3CC221 95%);

リニア

HEX #3CC221 まで HEX #213FC4


CSSコード:

background-image: linear-gradient(135deg, #3CC221 14%, #213FC4 95%);

ラジアル

HEX #3CC221 まで HEX #213FC4


CSSコード:

background-image: radial-gradient(circle, #3CC221 7%, #213FC4 86%);

 

HEX #213FC4 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #213FC4 3%, #3CC221 91%);

 

HEX #213FC4 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #213FC4 5%, #3CC221 93%);

 

HEX #3CC221 まで HEX #C4213F


CSSコード:

background-image: linear-gradient(135deg, #3CC221 13%, #C4213F 99%);

 

HEX #3CC221 まで HEX #C4213F


CSSコード:

background-image: radial-gradient(circle, #3CC221 6%, #C4213F 86%);

 

HEX #C4213F まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #C4213F 1%, #3CC221 86%);

 

HEX #C4213F まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #C4213F 14%, #3CC221 89%);

リニア

HEX #3CC221 まで HEX #21C1C4


CSSコード:

background-image: linear-gradient(135deg, #3CC221 9%, #21C1C4 88%);

ラジアル

HEX #3CC221 まで HEX #21C1C4


CSSコード:

background-image: radial-gradient(circle, #3CC221 10%, #21C1C4 92%);

 

HEX #21C1C4 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #21C1C4 11%, #3CC221 90%);

 

HEX #21C1C4 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #21C1C4 7%, #3CC221 86%);

 

HEX #3CC221 まで HEX #A621C4


CSSコード:

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

 

HEX #3CC221 まで HEX #A621C4


CSSコード:

background-image: radial-gradient(circle, #3CC221 14%, #A621C4 93%);

 

HEX #A621C4 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #A621C4 4%, #3CC221 89%);

 

HEX #A621C4 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #A621C4 9%, #3CC221 91%);

 

HEX #3CC221 まで HEX #C42321


CSSコード:

background-image: linear-gradient(135deg, #3CC221 6%, #C42321 94%);

 

HEX #3CC221 まで HEX #C42321


CSSコード:

background-image: radial-gradient(circle, #3CC221 9%, #C42321 94%);

 

HEX #C42321 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #C42321 9%, #3CC221 90%);

 

HEX #C42321 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #C42321 14%, #3CC221 94%);

リニア

HEX #3CC221 まで HEX #2190C4


CSSコード:

background-image: linear-gradient(135deg, #3CC221 8%, #2190C4 98%);

ラジアル

HEX #3CC221 まで HEX #2190C4


CSSコード:

background-image: radial-gradient(circle, #3CC221 12%, #2190C4 89%);

 

HEX #2190C4 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #2190C4 9%, #3CC221 98%);

 

HEX #2190C4 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #2190C4 6%, #3CC221 97%);

 

HEX #3CC221 まで HEX #A621C4


CSSコード:

background-image: linear-gradient(135deg, #3CC221 4%, #A621C4 94%);

 

HEX #3CC221 まで HEX #A621C4


CSSコード:

background-image: radial-gradient(circle, #3CC221 9%, #A621C4 100%);

 

HEX #A621C4 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #A621C4 8%, #3CC221 91%);

 

HEX #A621C4 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #A621C4 3%, #3CC221 98%);

 

HEX #3CC221 まで HEX #C45421


CSSコード:

background-image: linear-gradient(135deg, #3CC221 4%, #C45421 96%);

 

HEX #3CC221 まで HEX #C45421


CSSコード:

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

 

HEX #C45421 まで HEX #3CC221


CSSコード:

background-image: linear-gradient(135deg, #C45421 10%, #3CC221 89%);

 

HEX #C45421 まで HEX #3CC221


CSSコード:

background-image: radial-gradient(circle, #C45421 6%, #3CC221 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
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)

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.

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