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

✕

CSS グラデーション:
#ADFFCF

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #ADFFCF まで HEX #520030


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 0%, #520030 97%);

ラジアル

HEX #ADFFCF まで HEX #520030


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 13%, #520030 99%);

 

HEX #520030 まで HEX #ADFFCF


CSSコード:

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

 

HEX #520030 まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #520030 12%, #ADFFCF 98%);

リニア

HEX #ADFFCF まで HEX #C3FFDD


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 4%, #C3FFDD 91%);

ラジアル

HEX #ADFFCF まで HEX #C3FFDD


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 11%, #C3FFDD 88%);

 

HEX #C3FFDD まで HEX #ADFFCF


CSSコード:

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

 

HEX #C3FFDD まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #C3FFDD 11%, #ADFFCF 86%);

 

HEX #ADFFCF まで HEX #D4FFF0


CSSコード:

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

 

HEX #ADFFCF まで HEX #D4FFF0


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 5%, #D4FFF0 91%);

 

HEX #D4FFF0 まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #D4FFF0 7%, #ADFFCF 86%);

 

HEX #D4FFF0 まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #D4FFF0 8%, #ADFFCF 96%);

 

HEX #ADFFCF まで HEX #E5FFFF


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 1%, #E5FFFF 99%);

 

HEX #ADFFCF まで HEX #E5FFFF


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 14%, #E5FFFF 100%);

 

HEX #E5FFFF まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #E5FFFF 5%, #ADFFCF 98%);

 

HEX #E5FFFF まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #E5FFFF 13%, #ADFFCF 90%);

 

HEX #ADFFCF まで HEX #F6FFFF


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 0%, #F6FFFF 90%);

 

HEX #ADFFCF まで HEX #F6FFFF


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 7%, #F6FFFF 94%);

 

HEX #F6FFFF まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #F6FFFF 12%, #ADFFCF 97%);

 

HEX #F6FFFF まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #F6FFFF 3%, #ADFFCF 86%);

リニア

HEX #ADFFCF まで HEX #9CEDBC


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 12%, #9CEDBC 91%);

ラジアル

HEX #ADFFCF まで HEX #9CEDBC


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 5%, #9CEDBC 95%);

 

HEX #9CEDBC まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #9CEDBC 9%, #ADFFCF 98%);

 

HEX #9CEDBC まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #9CEDBC 8%, #ADFFCF 94%);

 

HEX #ADFFCF まで HEX #8BDBA9


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 5%, #8BDBA9 88%);

 

HEX #ADFFCF まで HEX #8BDBA9


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 10%, #8BDBA9 98%);

 

HEX #8BDBA9 まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #8BDBA9 4%, #ADFFCF 94%);

 

HEX #8BDBA9 まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #8BDBA9 11%, #ADFFCF 90%);

 

HEX #ADFFCF まで HEX #7AC996


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 5%, #7AC996 93%);

 

HEX #ADFFCF まで HEX #7AC996


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 12%, #7AC996 95%);

 

HEX #7AC996 まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #7AC996 8%, #ADFFCF 86%);

 

HEX #7AC996 まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #7AC996 0%, #ADFFCF 96%);

 

HEX #ADFFCF まで HEX #69B783


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 1%, #69B783 89%);

 

HEX #ADFFCF まで HEX #69B783


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 5%, #69B783 93%);

 

HEX #69B783 まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #69B783 4%, #ADFFCF 86%);

 

HEX #69B783 まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #69B783 13%, #ADFFCF 98%);

リニア

HEX #ADFFCF まで HEX #ADFFDB


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 6%, #ADFFDB 93%);

ラジアル

HEX #ADFFCF まで HEX #ADFFDB


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 5%, #ADFFDB 87%);

 

HEX #ADFFDB まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #ADFFDB 0%, #ADFFCF 95%);

 

HEX #ADFFDB まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #ADFFDB 6%, #ADFFCF 88%);

 

HEX #ADFFCF まで HEX #ADFFE9


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 7%, #ADFFE9 97%);

 

HEX #ADFFCF まで HEX #ADFFE9


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 2%, #ADFFE9 87%);

 

HEX #ADFFE9 まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #ADFFE9 7%, #ADFFCF 86%);

 

HEX #ADFFE9 まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #ADFFE9 9%, #ADFFCF 97%);

 

HEX #ADFFCF まで HEX #ADFFF6


CSSコード:

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

 

HEX #ADFFCF まで HEX #ADFFF6


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 2%, #ADFFF6 95%);

 

HEX #ADFFF6 まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #ADFFF6 9%, #ADFFCF 89%);

 

HEX #ADFFF6 まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #ADFFF6 1%, #ADFFCF 95%);

 

HEX #ADFFCF まで HEX #ADF9FF


CSSコード:

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

 

HEX #ADFFCF まで HEX #ADF9FF


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 4%, #ADF9FF 87%);

 

HEX #ADF9FF まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #ADF9FF 12%, #ADFFCF 88%);

 

HEX #ADF9FF まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #ADF9FF 10%, #ADFFCF 100%);

リニア

HEX #ADFFCF まで HEX #233329


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 1%, #233329 94%);

ラジアル

HEX #ADFFCF まで HEX #233329


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 9%, #233329 94%);

 

HEX #233329 まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #233329 3%, #ADFFCF 89%);

 

HEX #233329 まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #233329 11%, #ADFFCF 90%);

 

HEX #ADFFCF まで HEX #456653


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 8%, #456653 89%);

 

HEX #ADFFCF まで HEX #456653


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 3%, #456653 95%);

 

HEX #456653 まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #456653 14%, #ADFFCF 87%);

 

HEX #456653 まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #456653 8%, #ADFFCF 92%);

 

HEX #ADFFCF まで HEX #68997C


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 3%, #68997C 92%);

 

HEX #ADFFCF まで HEX #68997C


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 13%, #68997C 95%);

 

HEX #68997C まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #68997C 0%, #ADFFCF 92%);

 

HEX #68997C まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #68997C 11%, #ADFFCF 88%);

 

HEX #ADFFCF まで HEX #8ACCA6


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 13%, #8ACCA6 95%);

 

HEX #ADFFCF まで HEX #8ACCA6


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 1%, #8ACCA6 96%);

 

HEX #8ACCA6 まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #8ACCA6 2%, #ADFFCF 87%);

 

HEX #8ACCA6 まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #8ACCA6 14%, #ADFFCF 98%);

リニア

HEX #ADFFCF まで HEX #ADCEFF


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 3%, #ADCEFF 86%);

ラジアル

HEX #ADFFCF まで HEX #ADCEFF


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 11%, #ADCEFF 86%);

 

HEX #ADCEFF まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #ADCEFF 9%, #ADFFCF 93%);

 

HEX #ADCEFF まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #ADCEFF 4%, #ADFFCF 98%);

 

HEX #ADFFCF まで HEX #FFADAD


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 14%, #FFADAD 96%);

 

HEX #ADFFCF まで HEX #FFADAD


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 2%, #FFADAD 98%);

 

HEX #FFADAD まで HEX #ADFFCF


CSSコード:

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

 

HEX #FFADAD まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #FFADAD 4%, #ADFFCF 95%);

リニア

HEX #ADFFCF まで HEX #CEADFF


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 0%, #CEADFF 96%);

ラジアル

HEX #ADFFCF まで HEX #CEADFF


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 2%, #CEADFF 91%);

 

HEX #CEADFF まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #CEADFF 8%, #ADFFCF 88%);

 

HEX #CEADFF まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #CEADFF 8%, #ADFFCF 91%);

 

HEX #ADFFCF まで HEX #FFCEAD


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 14%, #FFCEAD 88%);

 

HEX #ADFFCF まで HEX #FFCEAD


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 9%, #FFCEAD 87%);

 

HEX #FFCEAD まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #FFCEAD 2%, #ADFFCF 90%);

 

HEX #FFCEAD まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #FFCEAD 11%, #ADFFCF 90%);

リニア

HEX #ADFFCF まで HEX #ADCEFF


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 2%, #ADCEFF 87%);

ラジアル

HEX #ADFFCF まで HEX #ADCEFF


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 4%, #ADCEFF 91%);

 

HEX #ADCEFF まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #ADCEFF 14%, #ADFFCF 96%);

 

HEX #ADCEFF まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #ADCEFF 2%, #ADFFCF 94%);

 

HEX #ADFFCF まで HEX #FFADDE


CSSコード:

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

 

HEX #ADFFCF まで HEX #FFADDE


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 13%, #FFADDE 96%);

 

HEX #FFADDE まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #FFADDE 9%, #ADFFCF 95%);

 

HEX #FFADDE まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #FFADDE 13%, #ADFFCF 89%);

 

HEX #ADFFCF まで HEX #FFDEAD


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 10%, #FFDEAD 92%);

 

HEX #ADFFCF まで HEX #FFDEAD


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 9%, #FFDEAD 99%);

 

HEX #FFDEAD まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #FFDEAD 10%, #ADFFCF 87%);

 

HEX #FFDEAD まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #FFDEAD 12%, #ADFFCF 86%);

リニア

HEX #ADFFCF まで HEX #ADB5FF


CSSコード:

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

ラジアル

HEX #ADFFCF まで HEX #ADB5FF


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 14%, #ADB5FF 86%);

 

HEX #ADB5FF まで HEX #ADFFCF


CSSコード:

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

 

HEX #ADB5FF まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #ADB5FF 8%, #ADFFCF 97%);

 

HEX #ADFFCF まで HEX #FFADDE


CSSコード:

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

 

HEX #ADFFCF まで HEX #FFADDE


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 2%, #FFADDE 92%);

 

HEX #FFADDE まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #FFADDE 9%, #ADFFCF 93%);

 

HEX #FFADDE まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #FFADDE 1%, #ADFFCF 98%);

 

HEX #ADFFCF まで HEX #FFF6AD


CSSコード:

background-image: linear-gradient(135deg, #ADFFCF 10%, #FFF6AD 95%);

 

HEX #ADFFCF まで HEX #FFF6AD


CSSコード:

background-image: radial-gradient(circle, #ADFFCF 8%, #FFF6AD 100%);

 

HEX #FFF6AD まで HEX #ADFFCF


CSSコード:

background-image: linear-gradient(135deg, #FFF6AD 14%, #ADFFCF 89%);

 

HEX #FFF6AD まで HEX #ADFFCF


CSSコード:

background-image: radial-gradient(circle, #FFF6AD 14%, #ADFFCF 94%);

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

サービス内容

カラー

ラグビー に 呪咀

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