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

✕

CSS グラデーション:
#FCA865

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #FCA865 まで HEX #03579A


CSSコード:

background-image: linear-gradient(135deg, #FCA865 1%, #03579A 99%);

ラジアル

HEX #FCA865 まで HEX #03579A


CSSコード:

background-image: radial-gradient(circle, #FCA865 14%, #03579A 95%);

 

HEX #03579A まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #03579A 4%, #FCA865 99%);

 

HEX #03579A まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #03579A 6%, #FCA865 87%);

リニア

HEX #FCA865 まで HEX #FFBA73


CSSコード:

background-image: linear-gradient(135deg, #FCA865 3%, #FFBA73 88%);

ラジアル

HEX #FCA865 まで HEX #FFBA73


CSSコード:

background-image: radial-gradient(circle, #FCA865 12%, #FFBA73 95%);

 

HEX #FFBA73 まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #FFBA73 8%, #FCA865 95%);

 

HEX #FFBA73 まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #FFBA73 13%, #FCA865 90%);

 

HEX #FCA865 まで HEX #FFCC86


CSSコード:

background-image: linear-gradient(135deg, #FCA865 13%, #FFCC86 97%);

 

HEX #FCA865 まで HEX #FFCC86


CSSコード:

background-image: radial-gradient(circle, #FCA865 11%, #FFCC86 88%);

 

HEX #FFCC86 まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #FFCC86 6%, #FCA865 96%);

 

HEX #FFCC86 まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #FFCC86 10%, #FCA865 92%);

 

HEX #FCA865 まで HEX #FFDE99


CSSコード:

background-image: linear-gradient(135deg, #FCA865 4%, #FFDE99 100%);

 

HEX #FCA865 まで HEX #FFDE99


CSSコード:

background-image: radial-gradient(circle, #FCA865 1%, #FFDE99 91%);

 

HEX #FFDE99 まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #FFDE99 7%, #FCA865 100%);

 

HEX #FFDE99 まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #FFDE99 13%, #FCA865 90%);

 

HEX #FCA865 まで HEX #FFF0AC


CSSコード:

background-image: linear-gradient(135deg, #FCA865 2%, #FFF0AC 93%);

 

HEX #FCA865 まで HEX #FFF0AC


CSSコード:

background-image: radial-gradient(circle, #FCA865 12%, #FFF0AC 90%);

 

HEX #FFF0AC まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #FFF0AC 13%, #FCA865 94%);

 

HEX #FFF0AC まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #FFF0AC 12%, #FCA865 96%);

リニア

HEX #FCA865 まで HEX #EB9652


CSSコード:

background-image: linear-gradient(135deg, #FCA865 6%, #EB9652 99%);

ラジアル

HEX #FCA865 まで HEX #EB9652


CSSコード:

background-image: radial-gradient(circle, #FCA865 7%, #EB9652 97%);

 

HEX #EB9652 まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #EB9652 6%, #FCA865 89%);

 

HEX #EB9652 まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #EB9652 7%, #FCA865 93%);

 

HEX #FCA865 まで HEX #DA843F


CSSコード:

background-image: linear-gradient(135deg, #FCA865 12%, #DA843F 87%);

 

HEX #FCA865 まで HEX #DA843F


CSSコード:

background-image: radial-gradient(circle, #FCA865 7%, #DA843F 97%);

 

HEX #DA843F まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #DA843F 6%, #FCA865 90%);

 

HEX #DA843F まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #DA843F 6%, #FCA865 93%);

 

HEX #FCA865 まで HEX #C9722C


CSSコード:

background-image: linear-gradient(135deg, #FCA865 0%, #C9722C 92%);

 

HEX #FCA865 まで HEX #C9722C


CSSコード:

background-image: radial-gradient(circle, #FCA865 14%, #C9722C 95%);

 

HEX #C9722C まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #C9722C 2%, #FCA865 95%);

 

HEX #C9722C まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #C9722C 7%, #FCA865 95%);

 

HEX #FCA865 まで HEX #B86019


CSSコード:

background-image: linear-gradient(135deg, #FCA865 12%, #B86019 99%);

 

HEX #FCA865 まで HEX #B86019


CSSコード:

background-image: radial-gradient(circle, #FCA865 2%, #B86019 97%);

 

HEX #B86019 まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #B86019 10%, #FCA865 98%);

 

HEX #B86019 まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #B86019 0%, #FCA865 93%);

リニア

HEX #FCA865 まで HEX #FBBF64


CSSコード:

background-image: linear-gradient(135deg, #FCA865 1%, #FBBF64 93%);

ラジアル

HEX #FCA865 まで HEX #FBBF64


CSSコード:

background-image: radial-gradient(circle, #FCA865 5%, #FBBF64 86%);

 

HEX #FBBF64 まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #FBBF64 4%, #FCA865 93%);

 

HEX #FBBF64 まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #FBBF64 1%, #FCA865 88%);

 

HEX #FCA865 まで HEX #FBD864


CSSコード:

background-image: linear-gradient(135deg, #FCA865 7%, #FBD864 98%);

 

HEX #FCA865 まで HEX #FBD864


CSSコード:

background-image: radial-gradient(circle, #FCA865 4%, #FBD864 94%);

 

HEX #FBD864 まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #FBD864 8%, #FCA865 94%);

 

HEX #FBD864 まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #FBD864 6%, #FCA865 90%);

 

HEX #FCA865 まで HEX #FBF164


CSSコード:

background-image: linear-gradient(135deg, #FCA865 11%, #FBF164 96%);

 

HEX #FCA865 まで HEX #FBF164


CSSコード:

background-image: radial-gradient(circle, #FCA865 10%, #FBF164 96%);

 

HEX #FBF164 まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #FBF164 5%, #FCA865 99%);

 

HEX #FBF164 まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #FBF164 4%, #FCA865 86%);

 

HEX #FCA865 まで HEX #ECFB64


CSSコード:

background-image: linear-gradient(135deg, #FCA865 5%, #ECFB64 86%);

 

HEX #FCA865 まで HEX #ECFB64


CSSコード:

background-image: radial-gradient(circle, #FCA865 7%, #ECFB64 88%);

 

HEX #ECFB64 まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #ECFB64 6%, #FCA865 98%);

 

HEX #ECFB64 まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #ECFB64 4%, #FCA865 100%);

リニア

HEX #FCA865 まで HEX #302013


CSSコード:

background-image: linear-gradient(135deg, #FCA865 13%, #302013 92%);

ラジアル

HEX #FCA865 まで HEX #302013


CSSコード:

background-image: radial-gradient(circle, #FCA865 12%, #302013 87%);

 

HEX #302013 まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #302013 2%, #FCA865 92%);

 

HEX #302013 まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #302013 4%, #FCA865 97%);

 

HEX #FCA865 まで HEX #634228


CSSコード:

background-image: linear-gradient(135deg, #FCA865 4%, #634228 97%);

 

HEX #FCA865 まで HEX #634228


CSSコード:

background-image: radial-gradient(circle, #FCA865 0%, #634228 92%);

 

HEX #634228 まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #634228 9%, #FCA865 97%);

 

HEX #634228 まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #634228 5%, #FCA865 100%);

 

HEX #FCA865 まで HEX #96643C


CSSコード:

background-image: linear-gradient(135deg, #FCA865 12%, #96643C 91%);

 

HEX #FCA865 まで HEX #96643C


CSSコード:

background-image: radial-gradient(circle, #FCA865 10%, #96643C 97%);

 

HEX #96643C まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #96643C 5%, #FCA865 100%);

 

HEX #96643C まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #96643C 10%, #FCA865 98%);

 

HEX #FCA865 まで HEX #C98651


CSSコード:

background-image: linear-gradient(135deg, #FCA865 2%, #C98651 99%);

 

HEX #FCA865 まで HEX #C98651


CSSコード:

background-image: radial-gradient(circle, #FCA865 10%, #C98651 95%);

 

HEX #C98651 まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #C98651 12%, #FCA865 89%);

 

HEX #C98651 まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #C98651 8%, #FCA865 99%);

リニア

HEX #FCA865 まで HEX #9BFB64


CSSコード:

background-image: linear-gradient(135deg, #FCA865 6%, #9BFB64 96%);

ラジアル

HEX #FCA865 まで HEX #9BFB64


CSSコード:

background-image: radial-gradient(circle, #FCA865 4%, #9BFB64 97%);

 

HEX #9BFB64 まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #9BFB64 10%, #FCA865 100%);

 

HEX #9BFB64 まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #9BFB64 7%, #FCA865 90%);

 

HEX #FCA865 まで HEX #6964FB


CSSコード:

background-image: linear-gradient(135deg, #FCA865 13%, #6964FB 99%);

 

HEX #FCA865 まで HEX #6964FB


CSSコード:

background-image: radial-gradient(circle, #FCA865 3%, #6964FB 93%);

 

HEX #6964FB まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #6964FB 3%, #FCA865 88%);

 

HEX #6964FB まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #6964FB 0%, #FCA865 87%);

リニア

HEX #FCA865 まで HEX #64FBA5


CSSコード:

background-image: linear-gradient(135deg, #FCA865 5%, #64FBA5 87%);

ラジアル

HEX #FCA865 まで HEX #64FBA5


CSSコード:

background-image: radial-gradient(circle, #FCA865 4%, #64FBA5 99%);

 

HEX #64FBA5 まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #64FBA5 0%, #FCA865 94%);

 

HEX #64FBA5 まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #64FBA5 11%, #FCA865 90%);

 

HEX #FCA865 まで HEX #A564FB


CSSコード:

background-image: linear-gradient(135deg, #FCA865 7%, #A564FB 91%);

 

HEX #FCA865 まで HEX #A564FB


CSSコード:

background-image: radial-gradient(circle, #FCA865 7%, #A564FB 98%);

 

HEX #A564FB まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #A564FB 12%, #FCA865 86%);

 

HEX #A564FB まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #A564FB 12%, #FCA865 97%);

リニア

HEX #FCA865 まで HEX #9BFB64


CSSコード:

background-image: linear-gradient(135deg, #FCA865 10%, #9BFB64 90%);

ラジアル

HEX #FCA865 まで HEX #9BFB64


CSSコード:

background-image: radial-gradient(circle, #FCA865 4%, #9BFB64 97%);

 

HEX #9BFB64 まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #9BFB64 7%, #FCA865 95%);

 

HEX #9BFB64 まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #9BFB64 14%, #FCA865 91%);

 

HEX #FCA865 まで HEX #64BAFB


CSSコード:

background-image: linear-gradient(135deg, #FCA865 2%, #64BAFB 96%);

 

HEX #FCA865 まで HEX #64BAFB


CSSコード:

background-image: radial-gradient(circle, #FCA865 13%, #64BAFB 93%);

 

HEX #64BAFB まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #64BAFB 3%, #FCA865 88%);

 

HEX #64BAFB まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #64BAFB 8%, #FCA865 99%);

 

HEX #FCA865 まで HEX #C464FB


CSSコード:

background-image: linear-gradient(135deg, #FCA865 12%, #C464FB 90%);

 

HEX #FCA865 まで HEX #C464FB


CSSコード:

background-image: radial-gradient(circle, #FCA865 7%, #C464FB 93%);

 

HEX #C464FB まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #C464FB 4%, #FCA865 96%);

 

HEX #C464FB まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #C464FB 12%, #FCA865 90%);

リニア

HEX #FCA865 まで HEX #6EFB64


CSSコード:

background-image: linear-gradient(135deg, #FCA865 2%, #6EFB64 87%);

ラジアル

HEX #FCA865 まで HEX #6EFB64


CSSコード:

background-image: radial-gradient(circle, #FCA865 7%, #6EFB64 97%);

 

HEX #6EFB64 まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #6EFB64 12%, #FCA865 100%);

 

HEX #6EFB64 まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #6EFB64 13%, #FCA865 97%);

 

HEX #FCA865 まで HEX #64BAFB


CSSコード:

background-image: linear-gradient(135deg, #FCA865 11%, #64BAFB 95%);

 

HEX #FCA865 まで HEX #64BAFB


CSSコード:

background-image: radial-gradient(circle, #FCA865 7%, #64BAFB 89%);

 

HEX #64BAFB まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #64BAFB 3%, #FCA865 96%);

 

HEX #64BAFB まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #64BAFB 10%, #FCA865 90%);

 

HEX #FCA865 まで HEX #F164FB


CSSコード:

background-image: linear-gradient(135deg, #FCA865 4%, #F164FB 90%);

 

HEX #FCA865 まで HEX #F164FB


CSSコード:

background-image: radial-gradient(circle, #FCA865 3%, #F164FB 99%);

 

HEX #F164FB まで HEX #FCA865


CSSコード:

background-image: linear-gradient(135deg, #F164FB 12%, #FCA865 95%);

 

HEX #F164FB まで HEX #FCA865


CSSコード:

background-image: radial-gradient(circle, #F164FB 0%, #FCA865 96%);

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

サービス内容

カラー

ラグビー に 呪咀

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