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

✕

CSS グラデーション:
#FFA787

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #FFA787 まで HEX #005878


CSSコード:

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

ラジアル

HEX #FFA787 まで HEX #005878


CSSコード:

background-image: radial-gradient(circle, #FFA787 9%, #005878 98%);

 

HEX #005878 まで HEX #FFA787


CSSコード:

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

 

HEX #005878 まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #005878 14%, #FFA787 91%);

リニア

HEX #FFA787 まで HEX #FFB995


CSSコード:

background-image: linear-gradient(135deg, #FFA787 5%, #FFB995 97%);

ラジアル

HEX #FFA787 まで HEX #FFB995


CSSコード:

background-image: radial-gradient(circle, #FFA787 2%, #FFB995 96%);

 

HEX #FFB995 まで HEX #FFA787


CSSコード:

background-image: linear-gradient(135deg, #FFB995 13%, #FFA787 99%);

 

HEX #FFB995 まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #FFB995 5%, #FFA787 91%);

 

HEX #FFA787 まで HEX #FFCBA8


CSSコード:

background-image: linear-gradient(135deg, #FFA787 1%, #FFCBA8 92%);

 

HEX #FFA787 まで HEX #FFCBA8


CSSコード:

background-image: radial-gradient(circle, #FFA787 6%, #FFCBA8 88%);

 

HEX #FFCBA8 まで HEX #FFA787


CSSコード:

background-image: linear-gradient(135deg, #FFCBA8 11%, #FFA787 92%);

 

HEX #FFCBA8 まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #FFCBA8 8%, #FFA787 90%);

 

HEX #FFA787 まで HEX #FFDDBB


CSSコード:

background-image: linear-gradient(135deg, #FFA787 10%, #FFDDBB 86%);

 

HEX #FFA787 まで HEX #FFDDBB


CSSコード:

background-image: radial-gradient(circle, #FFA787 6%, #FFDDBB 100%);

 

HEX #FFDDBB まで HEX #FFA787


CSSコード:

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

 

HEX #FFDDBB まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #FFDDBB 11%, #FFA787 97%);

 

HEX #FFA787 まで HEX #FFEFCE


CSSコード:

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

 

HEX #FFA787 まで HEX #FFEFCE


CSSコード:

background-image: radial-gradient(circle, #FFA787 11%, #FFEFCE 94%);

 

HEX #FFEFCE まで HEX #FFA787


CSSコード:

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

 

HEX #FFEFCE まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #FFEFCE 11%, #FFA787 87%);

リニア

HEX #FFA787 まで HEX #EE9574


CSSコード:

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

ラジアル

HEX #FFA787 まで HEX #EE9574


CSSコード:

background-image: radial-gradient(circle, #FFA787 6%, #EE9574 90%);

 

HEX #EE9574 まで HEX #FFA787


CSSコード:

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

 

HEX #EE9574 まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #EE9574 5%, #FFA787 91%);

 

HEX #FFA787 まで HEX #DD8361


CSSコード:

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

 

HEX #FFA787 まで HEX #DD8361


CSSコード:

background-image: radial-gradient(circle, #FFA787 0%, #DD8361 99%);

 

HEX #DD8361 まで HEX #FFA787


CSSコード:

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

 

HEX #DD8361 まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #DD8361 11%, #FFA787 92%);

 

HEX #FFA787 まで HEX #CC714E


CSSコード:

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

 

HEX #FFA787 まで HEX #CC714E


CSSコード:

background-image: radial-gradient(circle, #FFA787 3%, #CC714E 97%);

 

HEX #CC714E まで HEX #FFA787


CSSコード:

background-image: linear-gradient(135deg, #CC714E 3%, #FFA787 90%);

 

HEX #CC714E まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #CC714E 9%, #FFA787 100%);

 

HEX #FFA787 まで HEX #BB5F3B


CSSコード:

background-image: linear-gradient(135deg, #FFA787 3%, #BB5F3B 95%);

 

HEX #FFA787 まで HEX #BB5F3B


CSSコード:

background-image: radial-gradient(circle, #FFA787 3%, #BB5F3B 91%);

 

HEX #BB5F3B まで HEX #FFA787


CSSコード:

background-image: linear-gradient(135deg, #BB5F3B 10%, #FFA787 96%);

 

HEX #BB5F3B まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #BB5F3B 8%, #FFA787 88%);

リニア

HEX #FFA787 まで HEX #FFB984


CSSコード:

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

ラジアル

HEX #FFA787 まで HEX #FFB984


CSSコード:

background-image: radial-gradient(circle, #FFA787 6%, #FFB984 89%);

 

HEX #FFB984 まで HEX #FFA787


CSSコード:

background-image: linear-gradient(135deg, #FFB984 0%, #FFA787 89%);

 

HEX #FFB984 まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #FFB984 7%, #FFA787 96%);

 

HEX #FFA787 まで HEX #FFCE84


CSSコード:

background-image: linear-gradient(135deg, #FFA787 7%, #FFCE84 94%);

 

HEX #FFA787 まで HEX #FFCE84


CSSコード:

background-image: radial-gradient(circle, #FFA787 8%, #FFCE84 95%);

 

HEX #FFCE84 まで HEX #FFA787


CSSコード:

background-image: linear-gradient(135deg, #FFCE84 9%, #FFA787 88%);

 

HEX #FFCE84 まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #FFCE84 5%, #FFA787 88%);

 

HEX #FFA787 まで HEX #FFE284


CSSコード:

background-image: linear-gradient(135deg, #FFA787 4%, #FFE284 94%);

 

HEX #FFA787 まで HEX #FFE284


CSSコード:

background-image: radial-gradient(circle, #FFA787 14%, #FFE284 99%);

 

HEX #FFE284 まで HEX #FFA787


CSSコード:

background-image: linear-gradient(135deg, #FFE284 5%, #FFA787 96%);

 

HEX #FFE284 まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #FFE284 0%, #FFA787 91%);

 

HEX #FFA787 まで HEX #FFF684


CSSコード:

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

 

HEX #FFA787 まで HEX #FFF684


CSSコード:

background-image: radial-gradient(circle, #FFA787 5%, #FFF684 97%);

 

HEX #FFF684 まで HEX #FFA787


CSSコード:

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

 

HEX #FFF684 まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #FFF684 0%, #FFA787 100%);

リニア

HEX #FFA787 まで HEX #33211B


CSSコード:

background-image: linear-gradient(135deg, #FFA787 2%, #33211B 91%);

ラジアル

HEX #FFA787 まで HEX #33211B


CSSコード:

background-image: radial-gradient(circle, #FFA787 6%, #33211B 93%);

 

HEX #33211B まで HEX #FFA787


CSSコード:

background-image: linear-gradient(135deg, #33211B 7%, #FFA787 97%);

 

HEX #33211B まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #33211B 10%, #FFA787 95%);

 

HEX #FFA787 まで HEX #664336


CSSコード:

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

 

HEX #FFA787 まで HEX #664336


CSSコード:

background-image: radial-gradient(circle, #FFA787 3%, #664336 97%);

 

HEX #664336 まで HEX #FFA787


CSSコード:

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

 

HEX #664336 まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #664336 0%, #FFA787 95%);

 

HEX #FFA787 まで HEX #996451


CSSコード:

background-image: linear-gradient(135deg, #FFA787 9%, #996451 86%);

 

HEX #FFA787 まで HEX #996451


CSSコード:

background-image: radial-gradient(circle, #FFA787 4%, #996451 86%);

 

HEX #996451 まで HEX #FFA787


CSSコード:

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

 

HEX #996451 まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #996451 12%, #FFA787 90%);

 

HEX #FFA787 まで HEX #CC866C


CSSコード:

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

 

HEX #FFA787 まで HEX #CC866C


CSSコード:

background-image: radial-gradient(circle, #FFA787 2%, #CC866C 99%);

 

HEX #CC866C まで HEX #FFA787


CSSコード:

background-image: linear-gradient(135deg, #CC866C 11%, #FFA787 90%);

 

HEX #CC866C まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #CC866C 4%, #FFA787 98%);

リニア

HEX #FFA787 まで HEX #C5FF84


CSSコード:

background-image: linear-gradient(135deg, #FFA787 7%, #C5FF84 93%);

ラジアル

HEX #FFA787 まで HEX #C5FF84


CSSコード:

background-image: radial-gradient(circle, #FFA787 7%, #C5FF84 87%);

 

HEX #C5FF84 まで HEX #FFA787


CSSコード:

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

 

HEX #C5FF84 まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #C5FF84 14%, #FFA787 98%);

 

HEX #FFA787 まで HEX #8494FF


CSSコード:

background-image: linear-gradient(135deg, #FFA787 3%, #8494FF 99%);

 

HEX #FFA787 まで HEX #8494FF


CSSコード:

background-image: radial-gradient(circle, #FFA787 4%, #8494FF 91%);

 

HEX #8494FF まで HEX #FFA787


CSSコード:

background-image: linear-gradient(135deg, #8494FF 11%, #FFA787 88%);

 

HEX #8494FF まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #8494FF 0%, #FFA787 90%);

リニア

HEX #FFA787 まで HEX #84FFA5


CSSコード:

background-image: linear-gradient(135deg, #FFA787 3%, #84FFA5 86%);

ラジアル

HEX #FFA787 まで HEX #84FFA5


CSSコード:

background-image: radial-gradient(circle, #FFA787 4%, #84FFA5 99%);

 

HEX #84FFA5 まで HEX #FFA787


CSSコード:

background-image: linear-gradient(135deg, #84FFA5 3%, #FFA787 90%);

 

HEX #84FFA5 まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #84FFA5 1%, #FFA787 97%);

 

HEX #FFA787 まで HEX #A584FF


CSSコード:

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

 

HEX #FFA787 まで HEX #A584FF


CSSコード:

background-image: radial-gradient(circle, #FFA787 11%, #A584FF 90%);

 

HEX #A584FF まで HEX #FFA787


CSSコード:

background-image: linear-gradient(135deg, #A584FF 7%, #FFA787 89%);

 

HEX #A584FF まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #A584FF 5%, #FFA787 88%);

リニア

HEX #FFA787 まで HEX #C5FF84


CSSコード:

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

ラジアル

HEX #FFA787 まで HEX #C5FF84


CSSコード:

background-image: radial-gradient(circle, #FFA787 1%, #C5FF84 96%);

 

HEX #C5FF84 まで HEX #FFA787


CSSコード:

background-image: linear-gradient(135deg, #C5FF84 11%, #FFA787 96%);

 

HEX #C5FF84 まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #C5FF84 11%, #FFA787 92%);

 

HEX #FFA787 まで HEX #84DEFF


CSSコード:

background-image: linear-gradient(135deg, #FFA787 11%, #84DEFF 94%);

 

HEX #FFA787 まで HEX #84DEFF


CSSコード:

background-image: radial-gradient(circle, #FFA787 4%, #84DEFF 88%);

 

HEX #84DEFF まで HEX #FFA787


CSSコード:

background-image: linear-gradient(135deg, #84DEFF 0%, #FFA787 87%);

 

HEX #84DEFF まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #84DEFF 3%, #FFA787 89%);

 

HEX #FFA787 まで HEX #BD84FF


CSSコード:

background-image: linear-gradient(135deg, #FFA787 8%, #BD84FF 99%);

 

HEX #FFA787 まで HEX #BD84FF


CSSコード:

background-image: radial-gradient(circle, #FFA787 7%, #BD84FF 96%);

 

HEX #BD84FF まで HEX #FFA787


CSSコード:

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

 

HEX #BD84FF まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #BD84FF 0%, #FFA787 98%);

リニア

HEX #FFA787 まで HEX #A1FF84


CSSコード:

background-image: linear-gradient(135deg, #FFA787 13%, #A1FF84 95%);

ラジアル

HEX #FFA787 まで HEX #A1FF84


CSSコード:

background-image: radial-gradient(circle, #FFA787 10%, #A1FF84 89%);

 

HEX #A1FF84 まで HEX #FFA787


CSSコード:

background-image: linear-gradient(135deg, #A1FF84 13%, #FFA787 99%);

 

HEX #A1FF84 まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #A1FF84 8%, #FFA787 95%);

 

HEX #FFA787 まで HEX #84DEFF


CSSコード:

background-image: linear-gradient(135deg, #FFA787 3%, #84DEFF 95%);

 

HEX #FFA787 まで HEX #84DEFF


CSSコード:

background-image: radial-gradient(circle, #FFA787 5%, #84DEFF 95%);

 

HEX #84DEFF まで HEX #FFA787


CSSコード:

background-image: linear-gradient(135deg, #84DEFF 11%, #FFA787 97%);

 

HEX #84DEFF まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #84DEFF 12%, #FFA787 89%);

 

HEX #FFA787 まで HEX #E284FF


CSSコード:

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

 

HEX #FFA787 まで HEX #E284FF


CSSコード:

background-image: radial-gradient(circle, #FFA787 7%, #E284FF 88%);

 

HEX #E284FF まで HEX #FFA787


CSSコード:

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

 

HEX #E284FF まで HEX #FFA787


CSSコード:

background-image: radial-gradient(circle, #E284FF 6%, #FFA787 100%);

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

サービス内容

カラー

ラグビー に 呪咀

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