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

✕

CSS グラデーション:
#45EC7D

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

色値が他と比較して高いため、この色合いは私たちには明るく見える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #45EC7D まで HEX #BA1382


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 4%, #BA1382 99%);

ラジアル

HEX #45EC7D まで HEX #BA1382


CSSコード:

background-image: radial-gradient(circle, #45EC7D 0%, #BA1382 86%);

 

HEX #BA1382 まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #BA1382 2%, #45EC7D 94%);

 

HEX #BA1382 まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #BA1382 10%, #45EC7D 95%);

リニア

HEX #45EC7D まで HEX #5BFE8B


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 2%, #5BFE8B 94%);

ラジアル

HEX #45EC7D まで HEX #5BFE8B


CSSコード:

background-image: radial-gradient(circle, #45EC7D 1%, #5BFE8B 86%);

 

HEX #5BFE8B まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #5BFE8B 3%, #45EC7D 97%);

 

HEX #5BFE8B まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #5BFE8B 5%, #45EC7D 97%);

 

HEX #45EC7D まで HEX #6CFF9E


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 5%, #6CFF9E 99%);

 

HEX #45EC7D まで HEX #6CFF9E


CSSコード:

background-image: radial-gradient(circle, #45EC7D 7%, #6CFF9E 89%);

 

HEX #6CFF9E まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #6CFF9E 9%, #45EC7D 95%);

 

HEX #6CFF9E まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #6CFF9E 14%, #45EC7D 94%);

 

HEX #45EC7D まで HEX #7DFFB1


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 13%, #7DFFB1 98%);

 

HEX #45EC7D まで HEX #7DFFB1


CSSコード:

background-image: radial-gradient(circle, #45EC7D 12%, #7DFFB1 99%);

 

HEX #7DFFB1 まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #7DFFB1 13%, #45EC7D 89%);

 

HEX #7DFFB1 まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #7DFFB1 9%, #45EC7D 92%);

 

HEX #45EC7D まで HEX #8EFFC4


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 9%, #8EFFC4 93%);

 

HEX #45EC7D まで HEX #8EFFC4


CSSコード:

background-image: radial-gradient(circle, #45EC7D 8%, #8EFFC4 95%);

 

HEX #8EFFC4 まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #8EFFC4 3%, #45EC7D 96%);

 

HEX #8EFFC4 まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #8EFFC4 9%, #45EC7D 96%);

リニア

HEX #45EC7D まで HEX #34DA6A


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 4%, #34DA6A 92%);

ラジアル

HEX #45EC7D まで HEX #34DA6A


CSSコード:

background-image: radial-gradient(circle, #45EC7D 2%, #34DA6A 89%);

 

HEX #34DA6A まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #34DA6A 1%, #45EC7D 90%);

 

HEX #34DA6A まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #34DA6A 0%, #45EC7D 94%);

 

HEX #45EC7D まで HEX #23C857


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 3%, #23C857 91%);

 

HEX #45EC7D まで HEX #23C857


CSSコード:

background-image: radial-gradient(circle, #45EC7D 1%, #23C857 97%);

 

HEX #23C857 まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #23C857 4%, #45EC7D 100%);

 

HEX #23C857 まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #23C857 0%, #45EC7D 95%);

 

HEX #45EC7D まで HEX #12B644


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 7%, #12B644 87%);

 

HEX #45EC7D まで HEX #12B644


CSSコード:

background-image: radial-gradient(circle, #45EC7D 0%, #12B644 89%);

 

HEX #12B644 まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #12B644 5%, #45EC7D 89%);

 

HEX #12B644 まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #12B644 9%, #45EC7D 98%);

 

HEX #45EC7D まで HEX #01A431


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 9%, #01A431 87%);

 

HEX #45EC7D まで HEX #01A431


CSSコード:

background-image: radial-gradient(circle, #45EC7D 9%, #01A431 93%);

 

HEX #01A431 まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #01A431 13%, #45EC7D 99%);

 

HEX #01A431 まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #01A431 6%, #45EC7D 100%);

リニア

HEX #45EC7D まで HEX #46EB99


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 12%, #46EB99 95%);

ラジアル

HEX #45EC7D まで HEX #46EB99


CSSコード:

background-image: radial-gradient(circle, #45EC7D 9%, #46EB99 89%);

 

HEX #46EB99 まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #46EB99 10%, #45EC7D 88%);

 

HEX #46EB99 まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #46EB99 10%, #45EC7D 98%);

 

HEX #45EC7D まで HEX #46EBB4


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 3%, #46EBB4 96%);

 

HEX #45EC7D まで HEX #46EBB4


CSSコード:

background-image: radial-gradient(circle, #45EC7D 7%, #46EBB4 90%);

 

HEX #46EBB4 まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #46EBB4 7%, #45EC7D 93%);

 

HEX #46EBB4 まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #46EBB4 11%, #45EC7D 93%);

 

HEX #45EC7D まで HEX #46EBD0


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 1%, #46EBD0 99%);

 

HEX #45EC7D まで HEX #46EBD0


CSSコード:

background-image: radial-gradient(circle, #45EC7D 8%, #46EBD0 96%);

 

HEX #46EBD0 まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #46EBD0 9%, #45EC7D 99%);

 

HEX #46EBD0 まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #46EBD0 7%, #45EC7D 87%);

 

HEX #45EC7D まで HEX #46EBEB


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 1%, #46EBEB 97%);

 

HEX #45EC7D まで HEX #46EBEB


CSSコード:

background-image: radial-gradient(circle, #45EC7D 2%, #46EBEB 92%);

 

HEX #46EBEB まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #46EBEB 4%, #45EC7D 98%);

 

HEX #46EBEB まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #46EBEB 10%, #45EC7D 86%);

リニア

HEX #45EC7D まで HEX #092011


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 10%, #092011 88%);

ラジアル

HEX #45EC7D まで HEX #092011


CSSコード:

background-image: radial-gradient(circle, #45EC7D 1%, #092011 94%);

 

HEX #092011 まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #092011 2%, #45EC7D 92%);

 

HEX #092011 まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #092011 2%, #45EC7D 96%);

 

HEX #45EC7D まで HEX #18532C


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 11%, #18532C 94%);

 

HEX #45EC7D まで HEX #18532C


CSSコード:

background-image: radial-gradient(circle, #45EC7D 4%, #18532C 94%);

 

HEX #18532C まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #18532C 3%, #45EC7D 91%);

 

HEX #18532C まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #18532C 5%, #45EC7D 92%);

 

HEX #45EC7D まで HEX #278647


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 7%, #278647 93%);

 

HEX #45EC7D まで HEX #278647


CSSコード:

background-image: radial-gradient(circle, #45EC7D 9%, #278647 87%);

 

HEX #278647 まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #278647 5%, #45EC7D 99%);

 

HEX #278647 まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #278647 11%, #45EC7D 99%);

 

HEX #45EC7D まで HEX #36B962


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 13%, #36B962 95%);

 

HEX #45EC7D まで HEX #36B962


CSSコード:

background-image: radial-gradient(circle, #45EC7D 12%, #36B962 94%);

 

HEX #36B962 まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #36B962 6%, #45EC7D 97%);

 

HEX #36B962 まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #36B962 0%, #45EC7D 98%);

リニア

HEX #45EC7D まで HEX #4693EB


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 5%, #4693EB 89%);

ラジアル

HEX #45EC7D まで HEX #4693EB


CSSコード:

background-image: radial-gradient(circle, #45EC7D 11%, #4693EB 89%);

 

HEX #4693EB まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #4693EB 4%, #45EC7D 86%);

 

HEX #4693EB まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #4693EB 14%, #45EC7D 88%);

 

HEX #45EC7D まで HEX #EB4651


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 10%, #EB4651 94%);

 

HEX #45EC7D まで HEX #EB4651


CSSコード:

background-image: radial-gradient(circle, #45EC7D 5%, #EB4651 100%);

 

HEX #EB4651 まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #EB4651 3%, #45EC7D 86%);

 

HEX #EB4651 まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #EB4651 9%, #45EC7D 90%);

リニア

HEX #45EC7D まで HEX #7D46EB


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 8%, #7D46EB 86%);

ラジアル

HEX #45EC7D まで HEX #7D46EB


CSSコード:

background-image: radial-gradient(circle, #45EC7D 9%, #7D46EB 94%);

 

HEX #7D46EB まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #7D46EB 4%, #45EC7D 94%);

 

HEX #7D46EB まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #7D46EB 14%, #45EC7D 90%);

 

HEX #45EC7D まで HEX #EB7D46


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 4%, #EB7D46 93%);

 

HEX #45EC7D まで HEX #EB7D46


CSSコード:

background-image: radial-gradient(circle, #45EC7D 7%, #EB7D46 88%);

 

HEX #EB7D46 まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #EB7D46 8%, #45EC7D 88%);

 

HEX #EB7D46 まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #EB7D46 12%, #45EC7D 90%);

リニア

HEX #45EC7D まで HEX #4693EB


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 6%, #4693EB 95%);

ラジアル

HEX #45EC7D まで HEX #4693EB


CSSコード:

background-image: radial-gradient(circle, #45EC7D 11%, #4693EB 88%);

 

HEX #4693EB まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #4693EB 5%, #45EC7D 87%);

 

HEX #4693EB まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #4693EB 11%, #45EC7D 87%);

 

HEX #45EC7D まで HEX #EB46B4


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 2%, #EB46B4 100%);

 

HEX #45EC7D まで HEX #EB46B4


CSSコード:

background-image: radial-gradient(circle, #45EC7D 6%, #EB46B4 88%);

 

HEX #EB46B4 まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #EB46B4 11%, #45EC7D 93%);

 

HEX #EB46B4 まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #EB46B4 4%, #45EC7D 90%);

 

HEX #45EC7D まで HEX #EB9E46


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 2%, #EB9E46 96%);

 

HEX #45EC7D まで HEX #EB9E46


CSSコード:

background-image: radial-gradient(circle, #45EC7D 2%, #EB9E46 86%);

 

HEX #EB9E46 まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #EB9E46 13%, #45EC7D 96%);

 

HEX #EB9E46 まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #EB9E46 2%, #45EC7D 98%);

リニア

HEX #45EC7D まで HEX #4661EB


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 9%, #4661EB 86%);

ラジアル

HEX #45EC7D まで HEX #4661EB


CSSコード:

background-image: radial-gradient(circle, #45EC7D 14%, #4661EB 92%);

 

HEX #4661EB まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #4661EB 12%, #45EC7D 99%);

 

HEX #4661EB まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #4661EB 1%, #45EC7D 97%);

 

HEX #45EC7D まで HEX #EB46B4


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 13%, #EB46B4 91%);

 

HEX #45EC7D まで HEX #EB46B4


CSSコード:

background-image: radial-gradient(circle, #45EC7D 4%, #EB46B4 89%);

 

HEX #EB46B4 まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #EB46B4 5%, #45EC7D 94%);

 

HEX #EB46B4 まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #EB46B4 14%, #45EC7D 90%);

 

HEX #45EC7D まで HEX #EBD046


CSSコード:

background-image: linear-gradient(135deg, #45EC7D 7%, #EBD046 90%);

 

HEX #45EC7D まで HEX #EBD046


CSSコード:

background-image: radial-gradient(circle, #45EC7D 2%, #EBD046 100%);

 

HEX #EBD046 まで HEX #45EC7D


CSSコード:

background-image: linear-gradient(135deg, #EBD046 10%, #45EC7D 89%);

 

HEX #EBD046 まで HEX #45EC7D


CSSコード:

background-image: radial-gradient(circle, #EBD046 5%, #45EC7D 91%);

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

サービス内容

カラー

ラグビー に 呪咀

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