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

✕

CSS グラデーション:
#ADB7FA

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #ADB7FA まで HEX #524805


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 12%, #524805 96%);

ラジアル

HEX #ADB7FA まで HEX #524805


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 4%, #524805 94%);

 

HEX #524805 まで HEX #ADB7FA


CSSコード:

background-image: linear-gradient(135deg, #524805 8%, #ADB7FA 97%);

 

HEX #524805 まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #524805 13%, #ADB7FA 98%);

リニア

HEX #ADB7FA まで HEX #C3C9FF


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 7%, #C3C9FF 88%);

ラジアル

HEX #ADB7FA まで HEX #C3C9FF


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 1%, #C3C9FF 89%);

 

HEX #C3C9FF まで HEX #ADB7FA


CSSコード:

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

 

HEX #C3C9FF まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #C3C9FF 7%, #ADB7FA 86%);

 

HEX #ADB7FA まで HEX #D4DBFF


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 12%, #D4DBFF 100%);

 

HEX #ADB7FA まで HEX #D4DBFF


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 5%, #D4DBFF 90%);

 

HEX #D4DBFF まで HEX #ADB7FA


CSSコード:

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

 

HEX #D4DBFF まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #D4DBFF 5%, #ADB7FA 97%);

 

HEX #ADB7FA まで HEX #E5EDFF


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 11%, #E5EDFF 100%);

 

HEX #ADB7FA まで HEX #E5EDFF


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 9%, #E5EDFF 90%);

 

HEX #E5EDFF まで HEX #ADB7FA


CSSコード:

background-image: linear-gradient(135deg, #E5EDFF 1%, #ADB7FA 100%);

 

HEX #E5EDFF まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #E5EDFF 11%, #ADB7FA 96%);

 

HEX #ADB7FA まで HEX #F6FFFF


CSSコード:

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

 

HEX #ADB7FA まで HEX #F6FFFF


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 9%, #F6FFFF 87%);

 

HEX #F6FFFF まで HEX #ADB7FA


CSSコード:

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

 

HEX #F6FFFF まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #F6FFFF 4%, #ADB7FA 94%);

リニア

HEX #ADB7FA まで HEX #9CA5E7


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 10%, #9CA5E7 96%);

ラジアル

HEX #ADB7FA まで HEX #9CA5E7


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 10%, #9CA5E7 100%);

 

HEX #9CA5E7 まで HEX #ADB7FA


CSSコード:

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

 

HEX #9CA5E7 まで HEX #ADB7FA


CSSコード:

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

 

HEX #ADB7FA まで HEX #8B93D4


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 11%, #8B93D4 87%);

 

HEX #ADB7FA まで HEX #8B93D4


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 7%, #8B93D4 95%);

 

HEX #8B93D4 まで HEX #ADB7FA


CSSコード:

background-image: linear-gradient(135deg, #8B93D4 5%, #ADB7FA 97%);

 

HEX #8B93D4 まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #8B93D4 7%, #ADB7FA 95%);

 

HEX #ADB7FA まで HEX #7A81C1


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 10%, #7A81C1 87%);

 

HEX #ADB7FA まで HEX #7A81C1


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 11%, #7A81C1 96%);

 

HEX #7A81C1 まで HEX #ADB7FA


CSSコード:

background-image: linear-gradient(135deg, #7A81C1 3%, #ADB7FA 88%);

 

HEX #7A81C1 まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #7A81C1 1%, #ADB7FA 89%);

 

HEX #ADB7FA まで HEX #696FAE


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 7%, #696FAE 87%);

 

HEX #ADB7FA まで HEX #696FAE


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 2%, #696FAE 95%);

 

HEX #696FAE まで HEX #ADB7FA


CSSコード:

background-image: linear-gradient(135deg, #696FAE 9%, #ADB7FA 100%);

 

HEX #696FAE まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #696FAE 6%, #ADB7FA 87%);

リニア

HEX #ADB7FA まで HEX #AFADFA


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 2%, #AFADFA 98%);

ラジアル

HEX #ADB7FA まで HEX #AFADFA


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 14%, #AFADFA 88%);

 

HEX #AFADFA まで HEX #ADB7FA


CSSコード:

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

 

HEX #AFADFA まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #AFADFA 3%, #ADB7FA 100%);

 

HEX #ADB7FA まで HEX #BCADFA


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 1%, #BCADFA 96%);

 

HEX #ADB7FA まで HEX #BCADFA


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 3%, #BCADFA 89%);

 

HEX #BCADFA まで HEX #ADB7FA


CSSコード:

background-image: linear-gradient(135deg, #BCADFA 9%, #ADB7FA 92%);

 

HEX #BCADFA まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #BCADFA 9%, #ADB7FA 86%);

 

HEX #ADB7FA まで HEX #C9ADFA


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 3%, #C9ADFA 92%);

 

HEX #ADB7FA まで HEX #C9ADFA


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 13%, #C9ADFA 86%);

 

HEX #C9ADFA まで HEX #ADB7FA


CSSコード:

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

 

HEX #C9ADFA まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #C9ADFA 5%, #ADB7FA 96%);

 

HEX #ADB7FA まで HEX #D6ADFA


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 12%, #D6ADFA 93%);

 

HEX #ADB7FA まで HEX #D6ADFA


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 1%, #D6ADFA 95%);

 

HEX #D6ADFA まで HEX #ADB7FA


CSSコード:

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

 

HEX #D6ADFA まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #D6ADFA 3%, #ADB7FA 99%);

リニア

HEX #ADB7FA まで HEX #20222E


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 1%, #20222E 99%);

ラジアル

HEX #ADB7FA まで HEX #20222E


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 10%, #20222E 98%);

 

HEX #20222E まで HEX #ADB7FA


CSSコード:

background-image: linear-gradient(135deg, #20222E 3%, #ADB7FA 87%);

 

HEX #20222E まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #20222E 11%, #ADB7FA 88%);

 

HEX #ADB7FA まで HEX #434761


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 6%, #434761 92%);

 

HEX #ADB7FA まで HEX #434761


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 7%, #434761 97%);

 

HEX #434761 まで HEX #ADB7FA


CSSコード:

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

 

HEX #434761 まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #434761 10%, #ADB7FA 97%);

 

HEX #ADB7FA まで HEX #666C94


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 14%, #666C94 94%);

 

HEX #ADB7FA まで HEX #666C94


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 8%, #666C94 98%);

 

HEX #666C94 まで HEX #ADB7FA


CSSコード:

background-image: linear-gradient(135deg, #666C94 8%, #ADB7FA 90%);

 

HEX #666C94 まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #666C94 6%, #ADB7FA 93%);

 

HEX #ADB7FA まで HEX #8A92C7


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 4%, #8A92C7 90%);

 

HEX #ADB7FA まで HEX #8A92C7


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 1%, #8A92C7 90%);

 

HEX #8A92C7 まで HEX #ADB7FA


CSSコード:

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

 

HEX #8A92C7 まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #8A92C7 9%, #ADB7FA 92%);

リニア

HEX #ADB7FA まで HEX #FAADF5


CSSコード:

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

ラジアル

HEX #ADB7FA まで HEX #FAADF5


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 5%, #FAADF5 98%);

 

HEX #FAADF5 まで HEX #ADB7FA


CSSコード:

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

 

HEX #FAADF5 まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #FAADF5 11%, #ADB7FA 94%);

 

HEX #ADB7FA まで HEX #D6FAAD


CSSコード:

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

 

HEX #ADB7FA まで HEX #D6FAAD


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 1%, #D6FAAD 97%);

 

HEX #D6FAAD まで HEX #ADB7FA


CSSコード:

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

 

HEX #D6FAAD まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #D6FAAD 11%, #ADB7FA 99%);

リニア

HEX #ADB7FA まで HEX #FAADB7


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 11%, #FAADB7 99%);

ラジアル

HEX #ADB7FA まで HEX #FAADB7


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 1%, #FAADB7 89%);

 

HEX #FAADB7 まで HEX #ADB7FA


CSSコード:

background-image: linear-gradient(135deg, #FAADB7 13%, #ADB7FA 91%);

 

HEX #FAADB7 まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #FAADB7 12%, #ADB7FA 94%);

 

HEX #ADB7FA まで HEX #B7FAAD


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 3%, #B7FAAD 87%);

 

HEX #ADB7FA まで HEX #B7FAAD


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 0%, #B7FAAD 94%);

 

HEX #B7FAAD まで HEX #ADB7FA


CSSコード:

background-image: linear-gradient(135deg, #B7FAAD 13%, #ADB7FA 88%);

 

HEX #B7FAAD まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #B7FAAD 1%, #ADB7FA 96%);

リニア

HEX #ADB7FA まで HEX #FAADF5


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 10%, #FAADF5 99%);

ラジアル

HEX #ADB7FA まで HEX #FAADF5


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 10%, #FAADF5 90%);

 

HEX #FAADF5 まで HEX #ADB7FA


CSSコード:

background-image: linear-gradient(135deg, #FAADF5 5%, #ADB7FA 92%);

 

HEX #FAADF5 まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #FAADF5 0%, #ADB7FA 100%);

 

HEX #ADB7FA まで HEX #FAEFAD


CSSコード:

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

 

HEX #ADB7FA まで HEX #FAEFAD


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 0%, #FAEFAD 86%);

 

HEX #FAEFAD まで HEX #ADB7FA


CSSコード:

background-image: linear-gradient(135deg, #FAEFAD 5%, #ADB7FA 92%);

 

HEX #FAEFAD まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #FAEFAD 7%, #ADB7FA 92%);

 

HEX #ADB7FA まで HEX #ADFAB2


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 6%, #ADFAB2 97%);

 

HEX #ADB7FA まで HEX #ADFAB2


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 8%, #ADFAB2 90%);

 

HEX #ADFAB2 まで HEX #ADB7FA


CSSコード:

background-image: linear-gradient(135deg, #ADFAB2 3%, #ADB7FA 100%);

 

HEX #ADFAB2 まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #ADFAB2 12%, #ADB7FA 89%);

リニア

HEX #ADB7FA まで HEX #FAADDD


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 12%, #FAADDD 96%);

ラジアル

HEX #ADB7FA まで HEX #FAADDD


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 3%, #FAADDD 90%);

 

HEX #FAADDD まで HEX #ADB7FA


CSSコード:

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

 

HEX #FAADDD まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #FAADDD 9%, #ADB7FA 92%);

 

HEX #ADB7FA まで HEX #FAEFAD


CSSコード:

background-image: linear-gradient(135deg, #ADB7FA 5%, #FAEFAD 92%);

 

HEX #ADB7FA まで HEX #FAEFAD


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 6%, #FAEFAD 99%);

 

HEX #FAEFAD まで HEX #ADB7FA


CSSコード:

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

 

HEX #FAEFAD まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #FAEFAD 5%, #ADB7FA 89%);

 

HEX #ADB7FA まで HEX #ADFAC9


CSSコード:

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

 

HEX #ADB7FA まで HEX #ADFAC9


CSSコード:

background-image: radial-gradient(circle, #ADB7FA 9%, #ADFAC9 94%);

 

HEX #ADFAC9 まで HEX #ADB7FA


CSSコード:

background-image: linear-gradient(135deg, #ADFAC9 1%, #ADB7FA 89%);

 

HEX #ADFAC9 まで HEX #ADB7FA


CSSコード:

background-image: radial-gradient(circle, #ADFAC9 12%, #ADB7FA 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