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

✕

CSS グラデーション:
#FA6DD3

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #FA6DD3 まで HEX #05922C


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 7%, #05922C 100%);

ラジアル

HEX #FA6DD3 まで HEX #05922C


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 9%, #05922C 100%);

 

HEX #05922C まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #05922C 10%, #FA6DD3 87%);

 

HEX #05922C まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #05922C 4%, #FA6DD3 100%);

リニア

HEX #FA6DD3 まで HEX #FF7FE1


CSSコード:

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

ラジアル

HEX #FA6DD3 まで HEX #FF7FE1


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 9%, #FF7FE1 89%);

 

HEX #FF7FE1 まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #FF7FE1 1%, #FA6DD3 87%);

 

HEX #FF7FE1 まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #FF7FE1 13%, #FA6DD3 90%);

 

HEX #FA6DD3 まで HEX #FF91F4


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 13%, #FF91F4 96%);

 

HEX #FA6DD3 まで HEX #FF91F4


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 12%, #FF91F4 89%);

 

HEX #FF91F4 まで HEX #FA6DD3


CSSコード:

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

 

HEX #FF91F4 まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #FF91F4 7%, #FA6DD3 86%);

 

HEX #FA6DD3 まで HEX #FFA3FF


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 1%, #FFA3FF 86%);

 

HEX #FA6DD3 まで HEX #FFA3FF


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 13%, #FFA3FF 96%);

 

HEX #FFA3FF まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #FFA3FF 11%, #FA6DD3 98%);

 

HEX #FFA3FF まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #FFA3FF 1%, #FA6DD3 95%);

 

HEX #FA6DD3 まで HEX #FFB5FF


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 4%, #FFB5FF 98%);

 

HEX #FA6DD3 まで HEX #FFB5FF


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 10%, #FFB5FF 96%);

 

HEX #FFB5FF まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #FFB5FF 2%, #FA6DD3 89%);

 

HEX #FFB5FF まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #FFB5FF 2%, #FA6DD3 86%);

リニア

HEX #FA6DD3 まで HEX #E95BC0


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 7%, #E95BC0 87%);

ラジアル

HEX #FA6DD3 まで HEX #E95BC0


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 0%, #E95BC0 86%);

 

HEX #E95BC0 まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #E95BC0 0%, #FA6DD3 94%);

 

HEX #E95BC0 まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #E95BC0 10%, #FA6DD3 99%);

 

HEX #FA6DD3 まで HEX #D849AD


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 5%, #D849AD 88%);

 

HEX #FA6DD3 まで HEX #D849AD


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 10%, #D849AD 93%);

 

HEX #D849AD まで HEX #FA6DD3


CSSコード:

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

 

HEX #D849AD まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #D849AD 13%, #FA6DD3 94%);

 

HEX #FA6DD3 まで HEX #C7379A


CSSコード:

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

 

HEX #FA6DD3 まで HEX #C7379A


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 3%, #C7379A 99%);

 

HEX #C7379A まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #C7379A 13%, #FA6DD3 98%);

 

HEX #C7379A まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #C7379A 4%, #FA6DD3 87%);

 

HEX #FA6DD3 まで HEX #B62587


CSSコード:

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

 

HEX #FA6DD3 まで HEX #B62587


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 8%, #B62587 95%);

 

HEX #B62587 まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #B62587 3%, #FA6DD3 96%);

 

HEX #B62587 まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #B62587 12%, #FA6DD3 97%);

リニア

HEX #FA6DD3 まで HEX #F96BBB


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 2%, #F96BBB 89%);

ラジアル

HEX #FA6DD3 まで HEX #F96BBB


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 9%, #F96BBB 93%);

 

HEX #F96BBB まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #F96BBB 8%, #FA6DD3 98%);

 

HEX #F96BBB まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #F96BBB 7%, #FA6DD3 98%);

 

HEX #FA6DD3 まで HEX #F96BA4


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 4%, #F96BA4 98%);

 

HEX #FA6DD3 まで HEX #F96BA4


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 1%, #F96BA4 95%);

 

HEX #F96BA4 まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #F96BA4 13%, #FA6DD3 90%);

 

HEX #F96BA4 まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #F96BA4 12%, #FA6DD3 98%);

 

HEX #FA6DD3 まで HEX #F96B8C


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 10%, #F96B8C 100%);

 

HEX #FA6DD3 まで HEX #F96B8C


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 2%, #F96B8C 98%);

 

HEX #F96B8C まで HEX #FA6DD3


CSSコード:

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

 

HEX #F96B8C まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #F96B8C 3%, #FA6DD3 88%);

 

HEX #FA6DD3 まで HEX #F96B74


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 8%, #F96B74 92%);

 

HEX #FA6DD3 まで HEX #F96B74


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 5%, #F96B74 88%);

 

HEX #F96B74 まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #F96B74 12%, #FA6DD3 98%);

 

HEX #F96B74 まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #F96B74 10%, #FA6DD3 93%);

リニア

HEX #FA6DD3 まで HEX #2E1427


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 13%, #2E1427 96%);

ラジアル

HEX #FA6DD3 まで HEX #2E1427


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 3%, #2E1427 92%);

 

HEX #2E1427 まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #2E1427 1%, #FA6DD3 99%);

 

HEX #2E1427 まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #2E1427 14%, #FA6DD3 90%);

 

HEX #FA6DD3 まで HEX #612A52


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 14%, #612A52 91%);

 

HEX #FA6DD3 まで HEX #612A52


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 11%, #612A52 88%);

 

HEX #612A52 まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #612A52 11%, #FA6DD3 95%);

 

HEX #612A52 まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #612A52 2%, #FA6DD3 98%);

 

HEX #FA6DD3 まで HEX #94417D


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 14%, #94417D 93%);

 

HEX #FA6DD3 まで HEX #94417D


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 7%, #94417D 97%);

 

HEX #94417D まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #94417D 13%, #FA6DD3 86%);

 

HEX #94417D まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #94417D 2%, #FA6DD3 95%);

 

HEX #FA6DD3 まで HEX #C757A8


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 9%, #C757A8 90%);

 

HEX #FA6DD3 まで HEX #C757A8


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 5%, #C757A8 95%);

 

HEX #C757A8 まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #C757A8 13%, #FA6DD3 98%);

 

HEX #C757A8 まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #C757A8 5%, #FA6DD3 97%);

リニア

HEX #FA6DD3 まで HEX #F9AD6B


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 11%, #F9AD6B 93%);

ラジアル

HEX #FA6DD3 まで HEX #F9AD6B


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 13%, #F9AD6B 93%);

 

HEX #F9AD6B まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #F9AD6B 14%, #FA6DD3 93%);

 

HEX #F9AD6B まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #F9AD6B 11%, #FA6DD3 95%);

 

HEX #FA6DD3 まで HEX #6BF9E6


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 0%, #6BF9E6 89%);

 

HEX #FA6DD3 まで HEX #6BF9E6


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 9%, #6BF9E6 87%);

 

HEX #6BF9E6 まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #6BF9E6 5%, #FA6DD3 99%);

 

HEX #6BF9E6 まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #6BF9E6 3%, #FA6DD3 96%);

リニア

HEX #FA6DD3 まで HEX #D3F96B


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 6%, #D3F96B 91%);

ラジアル

HEX #FA6DD3 まで HEX #D3F96B


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 4%, #D3F96B 96%);

 

HEX #D3F96B まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #D3F96B 14%, #FA6DD3 98%);

 

HEX #D3F96B まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #D3F96B 13%, #FA6DD3 97%);

 

HEX #FA6DD3 まで HEX #6BD3F9


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 0%, #6BD3F9 90%);

 

HEX #FA6DD3 まで HEX #6BD3F9


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 9%, #6BD3F9 89%);

 

HEX #6BD3F9 まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #6BD3F9 3%, #FA6DD3 98%);

 

HEX #6BD3F9 まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #6BD3F9 7%, #FA6DD3 90%);

リニア

HEX #FA6DD3 まで HEX #F9AD6B


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 10%, #F9AD6B 88%);

ラジアル

HEX #FA6DD3 まで HEX #F9AD6B


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 2%, #F9AD6B 92%);

 

HEX #F9AD6B まで HEX #FA6DD3


CSSコード:

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

 

HEX #F9AD6B まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #F9AD6B 1%, #FA6DD3 94%);

 

HEX #FA6DD3 まで HEX #6BF991


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 5%, #6BF991 98%);

 

HEX #FA6DD3 まで HEX #6BF991


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 9%, #6BF991 91%);

 

HEX #6BF991 まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #6BF991 11%, #FA6DD3 96%);

 

HEX #6BF991 まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #6BF991 7%, #FA6DD3 91%);

 

HEX #FA6DD3 まで HEX #6BB7F9


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 10%, #6BB7F9 98%);

 

HEX #FA6DD3 まで HEX #6BB7F9


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 10%, #6BB7F9 88%);

 

HEX #6BB7F9 まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #6BB7F9 6%, #FA6DD3 100%);

 

HEX #6BB7F9 まで HEX #FA6DD3


CSSコード:

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

リニア

HEX #FA6DD3 まで HEX #F9D86B


CSSコード:

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

ラジアル

HEX #FA6DD3 まで HEX #F9D86B


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 3%, #F9D86B 94%);

 

HEX #F9D86B まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #F9D86B 5%, #FA6DD3 93%);

 

HEX #F9D86B まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #F9D86B 0%, #FA6DD3 94%);

 

HEX #FA6DD3 まで HEX #6BF991


CSSコード:

background-image: linear-gradient(135deg, #FA6DD3 14%, #6BF991 93%);

 

HEX #FA6DD3 まで HEX #6BF991


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 13%, #6BF991 86%);

 

HEX #6BF991 まで HEX #FA6DD3


CSSコード:

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

 

HEX #6BF991 まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #6BF991 4%, #FA6DD3 99%);

 

HEX #FA6DD3 まで HEX #6B8CF9


CSSコード:

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

 

HEX #FA6DD3 まで HEX #6B8CF9


CSSコード:

background-image: radial-gradient(circle, #FA6DD3 6%, #6B8CF9 90%);

 

HEX #6B8CF9 まで HEX #FA6DD3


CSSコード:

background-image: linear-gradient(135deg, #6B8CF9 0%, #FA6DD3 94%);

 

HEX #6B8CF9 まで HEX #FA6DD3


CSSコード:

background-image: radial-gradient(circle, #6B8CF9 2%, #FA6DD3 90%);

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

サービス内容

カラー

ラグビー に 呪咀

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