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

✕

CSS グラデーション:
#AEAAFC

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #AEAAFC まで HEX #515503


CSSコード:

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

ラジアル

HEX #AEAAFC まで HEX #515503


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 10%, #515503 93%);

 

HEX #515503 まで HEX #AEAAFC


CSSコード:

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

 

HEX #515503 まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #515503 6%, #AEAAFC 89%);

リニア

HEX #AEAAFC まで HEX #ABBEFB


CSSコード:

background-image: linear-gradient(135deg, #AEAAFC 5%, #ABBEFB 94%);

ラジアル

HEX #AEAAFC まで HEX #ABBEFB


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 12%, #ABBEFB 96%);

 

HEX #ABBEFB まで HEX #AEAAFC


CSSコード:

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

 

HEX #ABBEFB まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #ABBEFB 6%, #AEAAFC 95%);

 

HEX #AEAAFC まで HEX #AEABFB


CSSコード:

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

 

HEX #AEAAFC まで HEX #AEABFB


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 0%, #AEABFB 93%);

 

HEX #AEABFB まで HEX #AEAAFC


CSSコード:

background-image: linear-gradient(135deg, #AEABFB 8%, #AEAAFC 100%);

 

HEX #AEABFB まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #AEABFB 10%, #AEAAFC 99%);

 

HEX #AEAAFC まで HEX #C3ABFB


CSSコード:

background-image: linear-gradient(135deg, #AEAAFC 8%, #C3ABFB 86%);

 

HEX #AEAAFC まで HEX #C3ABFB


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 12%, #C3ABFB 89%);

 

HEX #C3ABFB まで HEX #AEAAFC


CSSコード:

background-image: linear-gradient(135deg, #C3ABFB 8%, #AEAAFC 93%);

 

HEX #C3ABFB まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #C3ABFB 13%, #AEAAFC 99%);

 

HEX #AEAAFC まで HEX #D9ABFB


CSSコード:

background-image: linear-gradient(135deg, #AEAAFC 11%, #D9ABFB 91%);

 

HEX #AEAAFC まで HEX #D9ABFB


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 3%, #D9ABFB 96%);

 

HEX #D9ABFB まで HEX #AEAAFC


CSSコード:

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

 

HEX #D9ABFB まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #D9ABFB 0%, #AEAAFC 97%);

リニア

HEX #AEAAFC まで HEX #8983FA


CSSコード:

background-image: linear-gradient(135deg, #AEAAFC 14%, #8983FA 92%);

ラジアル

HEX #AEAAFC まで HEX #8983FA


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 8%, #8983FA 91%);

 

HEX #8983FA まで HEX #AEAAFC


CSSコード:

background-image: linear-gradient(135deg, #8983FA 4%, #AEAAFC 94%);

 

HEX #8983FA まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #8983FA 9%, #AEAAFC 97%);

 

HEX #AEAAFC まで HEX #AFABFB


CSSコード:

background-image: linear-gradient(135deg, #AEAAFC 2%, #AFABFB 91%);

 

HEX #AEAAFC まで HEX #AFABFB


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 9%, #AFABFB 86%);

 

HEX #AFABFB まで HEX #AEAAFC


CSSコード:

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

 

HEX #AFABFB まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #AFABFB 5%, #AEAAFC 100%);

 

HEX #AEAAFC まで HEX #D5D3FD


CSSコード:

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

 

HEX #AEAAFC まで HEX #D5D3FD


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 3%, #D5D3FD 86%);

 

HEX #D5D3FD まで HEX #AEAAFC


CSSコード:

background-image: linear-gradient(135deg, #D5D3FD 2%, #AEAAFC 91%);

 

HEX #D5D3FD まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #D5D3FD 14%, #AEAAFC 100%);

 

HEX #AEAAFC まで HEX #FBFAFE


CSSコード:

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

 

HEX #AEAAFC まで HEX #FBFAFE


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 13%, #FBFAFE 96%);

 

HEX #FBFAFE まで HEX #AEAAFC


CSSコード:

background-image: linear-gradient(135deg, #FBFAFE 10%, #AEAAFC 90%);

 

HEX #FBFAFE まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #FBFAFE 9%, #AEAAFC 93%);

リニア

HEX #AEAAFC まで HEX #ABBEFB


CSSコード:

background-image: linear-gradient(135deg, #AEAAFC 10%, #ABBEFB 94%);

ラジアル

HEX #AEAAFC まで HEX #ABBEFB


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 1%, #ABBEFB 96%);

 

HEX #ABBEFB まで HEX #AEAAFC


CSSコード:

background-image: linear-gradient(135deg, #ABBEFB 3%, #AEAAFC 94%);

 

HEX #ABBEFB まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #ABBEFB 5%, #AEAAFC 97%);

 

HEX #AEAAFC まで HEX #AEABFB


CSSコード:

background-image: linear-gradient(135deg, #AEAAFC 14%, #AEABFB 90%);

 

HEX #AEAAFC まで HEX #AEABFB


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 13%, #AEABFB 92%);

 

HEX #AEABFB まで HEX #AEAAFC


CSSコード:

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

 

HEX #AEABFB まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #AEABFB 8%, #AEAAFC 89%);

 

HEX #AEAAFC まで HEX #C3ABFB


CSSコード:

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

 

HEX #AEAAFC まで HEX #C3ABFB


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 13%, #C3ABFB 88%);

 

HEX #C3ABFB まで HEX #AEAAFC


CSSコード:

background-image: linear-gradient(135deg, #C3ABFB 10%, #AEAAFC 97%);

 

HEX #C3ABFB まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #C3ABFB 6%, #AEAAFC 96%);

 

HEX #AEAAFC まで HEX #D9ABFB


CSSコード:

background-image: linear-gradient(135deg, #AEAAFC 8%, #D9ABFB 87%);

 

HEX #AEAAFC まで HEX #D9ABFB


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 9%, #D9ABFB 100%);

 

HEX #D9ABFB まで HEX #AEAAFC


CSSコード:

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

 

HEX #D9ABFB まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #D9ABFB 12%, #AEAAFC 97%);

リニア

HEX #AEAAFC まで HEX #8983FA


CSSコード:

background-image: linear-gradient(135deg, #AEAAFC 4%, #8983FA 99%);

ラジアル

HEX #AEAAFC まで HEX #8983FA


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 11%, #8983FA 87%);

 

HEX #8983FA まで HEX #AEAAFC


CSSコード:

background-image: linear-gradient(135deg, #8983FA 10%, #AEAAFC 90%);

 

HEX #8983FA まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #8983FA 0%, #AEAAFC 100%);

 

HEX #AEAAFC まで HEX #AFABFB


CSSコード:

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

 

HEX #AEAAFC まで HEX #AFABFB


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 3%, #AFABFB 97%);

 

HEX #AFABFB まで HEX #AEAAFC


CSSコード:

background-image: linear-gradient(135deg, #AFABFB 10%, #AEAAFC 89%);

 

HEX #AFABFB まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #AFABFB 10%, #AEAAFC 98%);

 

HEX #AEAAFC まで HEX #D5D3FD


CSSコード:

background-image: linear-gradient(135deg, #AEAAFC 6%, #D5D3FD 88%);

 

HEX #AEAAFC まで HEX #D5D3FD


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 3%, #D5D3FD 96%);

 

HEX #D5D3FD まで HEX #AEAAFC


CSSコード:

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

 

HEX #D5D3FD まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #D5D3FD 10%, #AEAAFC 97%);

 

HEX #AEAAFC まで HEX #FBFAFE


CSSコード:

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

 

HEX #AEAAFC まで HEX #FBFAFE


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 13%, #FBFAFE 90%);

 

HEX #FBFAFE まで HEX #AEAAFC


CSSコード:

background-image: linear-gradient(135deg, #FBFAFE 6%, #AEAAFC 86%);

 

HEX #FBFAFE まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #FBFAFE 0%, #AEAAFC 87%);

リニア

HEX #AEAAFC まで HEX #FBABE9


CSSコード:

background-image: linear-gradient(135deg, #AEAAFC 3%, #FBABE9 93%);

ラジアル

HEX #AEAAFC まで HEX #FBABE9


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 5%, #FBABE9 93%);

 

HEX #FBABE9 まで HEX #AEAAFC


CSSコード:

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

 

HEX #FBABE9 まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #FBABE9 0%, #AEAAFC 96%);

 

HEX #AEAAFC まで HEX #C8FBAB


CSSコード:

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

 

HEX #AEAAFC まで HEX #C8FBAB


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 9%, #C8FBAB 100%);

 

HEX #C8FBAB まで HEX #AEAAFC


CSSコード:

background-image: linear-gradient(135deg, #C8FBAB 1%, #AEAAFC 98%);

 

HEX #C8FBAB まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #C8FBAB 7%, #AEAAFC 89%);

リニア

HEX #AEAAFC まで HEX #FBAEAB


CSSコード:

background-image: linear-gradient(135deg, #AEAAFC 4%, #FBAEAB 95%);

ラジアル

HEX #AEAAFC まで HEX #FBAEAB


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 2%, #FBAEAB 92%);

 

HEX #FBAEAB まで HEX #AEAAFC


CSSコード:

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

 

HEX #FBAEAB まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #FBAEAB 14%, #AEAAFC 91%);

 

HEX #AEAAFC まで HEX #ABFBAE


CSSコード:

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

 

HEX #AEAAFC まで HEX #ABFBAE


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 5%, #ABFBAE 89%);

 

HEX #ABFBAE まで HEX #AEAAFC


CSSコード:

background-image: linear-gradient(135deg, #ABFBAE 5%, #AEAAFC 95%);

 

HEX #ABFBAE まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #ABFBAE 3%, #AEAAFC 87%);

リニア

HEX #AEAAFC まで HEX #FBABE9


CSSコード:

background-image: linear-gradient(135deg, #AEAAFC 8%, #FBABE9 93%);

ラジアル

HEX #AEAAFC まで HEX #FBABE9


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 6%, #FBABE9 87%);

 

HEX #FBABE9 まで HEX #AEAAFC


CSSコード:

background-image: linear-gradient(135deg, #FBABE9 3%, #AEAAFC 98%);

 

HEX #FBABE9 まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #FBABE9 10%, #AEAAFC 94%);

 

HEX #AEAAFC まで HEX #F9FBAB


CSSコード:

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

 

HEX #AEAAFC まで HEX #F9FBAB


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 13%, #F9FBAB 97%);

 

HEX #F9FBAB まで HEX #AEAAFC


CSSコード:

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

 

HEX #F9FBAB まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #F9FBAB 9%, #AEAAFC 90%);

 

HEX #AEAAFC まで HEX #ABFBBE


CSSコード:

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

 

HEX #AEAAFC まで HEX #ABFBBE


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 4%, #ABFBBE 99%);

 

HEX #ABFBBE まで HEX #AEAAFC


CSSコード:

background-image: linear-gradient(135deg, #ABFBBE 5%, #AEAAFC 94%);

 

HEX #ABFBBE まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #ABFBBE 10%, #AEAAFC 89%);

リニア

HEX #AEAAFC まで HEX #FBABD0


CSSコード:

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

ラジアル

HEX #AEAAFC まで HEX #FBABD0


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 5%, #FBABD0 91%);

 

HEX #FBABD0 まで HEX #AEAAFC


CSSコード:

background-image: linear-gradient(135deg, #FBABD0 4%, #AEAAFC 99%);

 

HEX #FBABD0 まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #FBABD0 14%, #AEAAFC 86%);

 

HEX #AEAAFC まで HEX #F9FBAB


CSSコード:

background-image: linear-gradient(135deg, #AEAAFC 14%, #F9FBAB 86%);

 

HEX #AEAAFC まで HEX #F9FBAB


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 11%, #F9FBAB 86%);

 

HEX #F9FBAB まで HEX #AEAAFC


CSSコード:

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

 

HEX #F9FBAB まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #F9FBAB 10%, #AEAAFC 93%);

 

HEX #AEAAFC まで HEX #ABFBD6


CSSコード:

background-image: linear-gradient(135deg, #AEAAFC 12%, #ABFBD6 91%);

 

HEX #AEAAFC まで HEX #ABFBD6


CSSコード:

background-image: radial-gradient(circle, #AEAAFC 4%, #ABFBD6 89%);

 

HEX #ABFBD6 まで HEX #AEAAFC


CSSコード:

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

 

HEX #ABFBD6 まで HEX #AEAAFC


CSSコード:

background-image: radial-gradient(circle, #ABFBD6 13%, #AEAAFC 99%);

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

サービス内容

カラー

ラグビー に 呪咀

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

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking you can create palettes and download the color swatches.

© 2019-2025 in cooperation ND-DESIGN.WORKS & frag-bobby.de