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

✕

CSS グラデーション:
#FFAFFF

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #FFAFFF まで HEX #005000


CSSコード:

background-image: linear-gradient(135deg, #FFAFFF 0%, #005000 100%);

ラジアル

HEX #FFAFFF まで HEX #005000


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 2%, #005000 95%);

 

HEX #005000 まで HEX #FFAFFF


CSSコード:

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

 

HEX #005000 まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #005000 6%, #FFAFFF 98%);

リニア

HEX #FFAFFF まで HEX #FFC1FF


CSSコード:

background-image: linear-gradient(135deg, #FFAFFF 14%, #FFC1FF 94%);

ラジアル

HEX #FFAFFF まで HEX #FFC1FF


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 3%, #FFC1FF 88%);

 

HEX #FFC1FF まで HEX #FFAFFF


CSSコード:

background-image: linear-gradient(135deg, #FFC1FF 14%, #FFAFFF 99%);

 

HEX #FFC1FF まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #FFC1FF 7%, #FFAFFF 100%);

 

HEX #FFAFFF まで HEX #FFD3FF


CSSコード:

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

 

HEX #FFAFFF まで HEX #FFD3FF


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 7%, #FFD3FF 86%);

 

HEX #FFD3FF まで HEX #FFAFFF


CSSコード:

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

 

HEX #FFD3FF まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #FFD3FF 4%, #FFAFFF 89%);

 

HEX #FFAFFF まで HEX #FFE5FF


CSSコード:

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

 

HEX #FFAFFF まで HEX #FFE5FF


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 1%, #FFE5FF 87%);

 

HEX #FFE5FF まで HEX #FFAFFF


CSSコード:

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

 

HEX #FFE5FF まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #FFE5FF 7%, #FFAFFF 98%);

 

HEX #FFAFFF まで HEX #FFF7FF


CSSコード:

background-image: linear-gradient(135deg, #FFAFFF 5%, #FFF7FF 87%);

 

HEX #FFAFFF まで HEX #FFF7FF


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 13%, #FFF7FF 91%);

 

HEX #FFF7FF まで HEX #FFAFFF


CSSコード:

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

 

HEX #FFF7FF まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #FFF7FF 11%, #FFAFFF 87%);

リニア

HEX #FFAFFF まで HEX #EE9DEC


CSSコード:

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

ラジアル

HEX #FFAFFF まで HEX #EE9DEC


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 2%, #EE9DEC 90%);

 

HEX #EE9DEC まで HEX #FFAFFF


CSSコード:

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

 

HEX #EE9DEC まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #EE9DEC 3%, #FFAFFF 94%);

 

HEX #FFAFFF まで HEX #DD8BD9


CSSコード:

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

 

HEX #FFAFFF まで HEX #DD8BD9


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 0%, #DD8BD9 88%);

 

HEX #DD8BD9 まで HEX #FFAFFF


CSSコード:

background-image: linear-gradient(135deg, #DD8BD9 13%, #FFAFFF 86%);

 

HEX #DD8BD9 まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #DD8BD9 7%, #FFAFFF 93%);

 

HEX #FFAFFF まで HEX #CC79C6


CSSコード:

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

 

HEX #FFAFFF まで HEX #CC79C6


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 12%, #CC79C6 92%);

 

HEX #CC79C6 まで HEX #FFAFFF


CSSコード:

background-image: linear-gradient(135deg, #CC79C6 6%, #FFAFFF 94%);

 

HEX #CC79C6 まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #CC79C6 11%, #FFAFFF 93%);

 

HEX #FFAFFF まで HEX #BB67B3


CSSコード:

background-image: linear-gradient(135deg, #FFAFFF 5%, #BB67B3 87%);

 

HEX #FFAFFF まで HEX #BB67B3


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 4%, #BB67B3 92%);

 

HEX #BB67B3 まで HEX #FFAFFF


CSSコード:

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

 

HEX #BB67B3 まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #BB67B3 7%, #FFAFFF 100%);

リニア

HEX #FFAFFF まで HEX #FFADF1


CSSコード:

background-image: linear-gradient(135deg, #FFAFFF 14%, #FFADF1 97%);

ラジアル

HEX #FFAFFF まで HEX #FFADF1


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 12%, #FFADF1 95%);

 

HEX #FFADF1 まで HEX #FFAFFF


CSSコード:

background-image: linear-gradient(135deg, #FFADF1 13%, #FFAFFF 86%);

 

HEX #FFADF1 まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #FFADF1 11%, #FFAFFF 89%);

 

HEX #FFAFFF まで HEX #FFADE3


CSSコード:

background-image: linear-gradient(135deg, #FFAFFF 9%, #FFADE3 91%);

 

HEX #FFAFFF まで HEX #FFADE3


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 3%, #FFADE3 87%);

 

HEX #FFADE3 まで HEX #FFAFFF


CSSコード:

background-image: linear-gradient(135deg, #FFADE3 11%, #FFAFFF 95%);

 

HEX #FFADE3 まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #FFADE3 3%, #FFAFFF 97%);

 

HEX #FFAFFF まで HEX #FFADD6


CSSコード:

background-image: linear-gradient(135deg, #FFAFFF 14%, #FFADD6 92%);

 

HEX #FFAFFF まで HEX #FFADD6


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 14%, #FFADD6 92%);

 

HEX #FFADD6 まで HEX #FFAFFF


CSSコード:

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

 

HEX #FFADD6 まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #FFADD6 6%, #FFAFFF 89%);

 

HEX #FFAFFF まで HEX #FFADC8


CSSコード:

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

 

HEX #FFAFFF まで HEX #FFADC8


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 10%, #FFADC8 96%);

 

HEX #FFADC8 まで HEX #FFAFFF


CSSコード:

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

 

HEX #FFADC8 まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #FFADC8 3%, #FFAFFF 87%);

リニア

HEX #FFAFFF まで HEX #332333


CSSコード:

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

ラジアル

HEX #FFAFFF まで HEX #332333


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 5%, #332333 94%);

 

HEX #332333 まで HEX #FFAFFF


CSSコード:

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

 

HEX #332333 まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #332333 0%, #FFAFFF 98%);

 

HEX #FFAFFF まで HEX #664666


CSSコード:

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

 

HEX #FFAFFF まで HEX #664666


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 11%, #664666 86%);

 

HEX #664666 まで HEX #FFAFFF


CSSコード:

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

 

HEX #664666 まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #664666 13%, #FFAFFF 99%);

 

HEX #FFAFFF まで HEX #996999


CSSコード:

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

 

HEX #FFAFFF まで HEX #996999


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 8%, #996999 86%);

 

HEX #996999 まで HEX #FFAFFF


CSSコード:

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

 

HEX #996999 まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #996999 14%, #FFAFFF 91%);

 

HEX #FFAFFF まで HEX #CC8CCC


CSSコード:

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

 

HEX #FFAFFF まで HEX #CC8CCC


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 9%, #CC8CCC 90%);

 

HEX #CC8CCC まで HEX #FFAFFF


CSSコード:

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

 

HEX #CC8CCC まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #CC8CCC 2%, #FFAFFF 94%);

リニア

HEX #FFAFFF まで HEX #FFBDAD


CSSコード:

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

ラジアル

HEX #FFAFFF まで HEX #FFBDAD


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 13%, #FFBDAD 93%);

 

HEX #FFBDAD まで HEX #FFAFFF


CSSコード:

background-image: linear-gradient(135deg, #FFBDAD 4%, #FFAFFF 87%);

 

HEX #FFBDAD まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #FFBDAD 10%, #FFAFFF 92%);

 

HEX #FFAFFF まで HEX #ADFFDE


CSSコード:

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

 

HEX #FFAFFF まで HEX #ADFFDE


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 3%, #ADFFDE 94%);

 

HEX #ADFFDE まで HEX #FFAFFF


CSSコード:

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

 

HEX #ADFFDE まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #ADFFDE 9%, #FFAFFF 97%);

リニア

HEX #FFAFFF まで HEX #FFFFAD


CSSコード:

background-image: linear-gradient(135deg, #FFAFFF 4%, #FFFFAD 92%);

ラジアル

HEX #FFAFFF まで HEX #FFFFAD


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 5%, #FFFFAD 97%);

 

HEX #FFFFAD まで HEX #FFAFFF


CSSコード:

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

 

HEX #FFFFAD まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #FFFFAD 9%, #FFAFFF 92%);

 

HEX #FFAFFF まで HEX #ADFFFF


CSSコード:

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

 

HEX #FFAFFF まで HEX #ADFFFF


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 5%, #ADFFFF 94%);

 

HEX #ADFFFF まで HEX #FFAFFF


CSSコード:

background-image: linear-gradient(135deg, #ADFFFF 9%, #FFAFFF 96%);

 

HEX #ADFFFF まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #ADFFFF 10%, #FFAFFF 98%);

リニア

HEX #FFAFFF まで HEX #FFBDAD


CSSコード:

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

ラジアル

HEX #FFAFFF まで HEX #FFBDAD


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 6%, #FFBDAD 96%);

 

HEX #FFBDAD まで HEX #FFAFFF


CSSコード:

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

 

HEX #FFBDAD まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #FFBDAD 2%, #FFAFFF 93%);

 

HEX #FFAFFF まで HEX #ADFFAD


CSSコード:

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

 

HEX #FFAFFF まで HEX #ADFFAD


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 4%, #ADFFAD 93%);

 

HEX #ADFFAD まで HEX #FFAFFF


CSSコード:

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

 

HEX #ADFFAD まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #ADFFAD 8%, #FFAFFF 86%);

 

HEX #FFAFFF まで HEX #ADEEFF


CSSコード:

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

 

HEX #FFAFFF まで HEX #ADEEFF


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 1%, #ADEEFF 88%);

 

HEX #ADEEFF まで HEX #FFAFFF


CSSコード:

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

 

HEX #ADEEFF まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #ADEEFF 3%, #FFAFFF 89%);

リニア

HEX #FFAFFF まで HEX #FFD6AD


CSSコード:

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

ラジアル

HEX #FFAFFF まで HEX #FFD6AD


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 14%, #FFD6AD 91%);

 

HEX #FFD6AD まで HEX #FFAFFF


CSSコード:

background-image: linear-gradient(135deg, #FFD6AD 7%, #FFAFFF 95%);

 

HEX #FFD6AD まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #FFD6AD 9%, #FFAFFF 97%);

 

HEX #FFAFFF まで HEX #ADFFAD


CSSコード:

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

 

HEX #FFAFFF まで HEX #ADFFAD


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 10%, #ADFFAD 99%);

 

HEX #ADFFAD まで HEX #FFAFFF


CSSコード:

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

 

HEX #ADFFAD まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #ADFFAD 2%, #FFAFFF 88%);

 

HEX #FFAFFF まで HEX #ADD6FF


CSSコード:

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

 

HEX #FFAFFF まで HEX #ADD6FF


CSSコード:

background-image: radial-gradient(circle, #FFAFFF 10%, #ADD6FF 100%);

 

HEX #ADD6FF まで HEX #FFAFFF


CSSコード:

background-image: linear-gradient(135deg, #ADD6FF 3%, #FFAFFF 99%);

 

HEX #ADD6FF まで HEX #FFAFFF


CSSコード:

background-image: radial-gradient(circle, #ADD6FF 8%, #FFAFFF 86%);

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

サービス内容

カラー

ラグビー に 呪咀

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