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

✕

CSS グラデーション:
#FF86BF

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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



ブランド

この色は少なくとも1社で使用されています。ここで、どのようなものがあるのかを見てみましょう。

31% - glaxytab.com
リンク: http://www.glaxytab.com

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

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

レッツゴー

リニア

HEX #FF86BF まで HEX #007940


CSSコード:

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

ラジアル

HEX #FF86BF まで HEX #007940


CSSコード:

background-image: radial-gradient(circle, #FF86BF 13%, #007940 86%);

 

HEX #007940 まで HEX #FF86BF


CSSコード:

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

 

HEX #007940 まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #007940 4%, #FF86BF 99%);

リニア

HEX #FF86BF まで HEX #FF98CD


CSSコード:

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

ラジアル

HEX #FF86BF まで HEX #FF98CD


CSSコード:

background-image: radial-gradient(circle, #FF86BF 6%, #FF98CD 92%);

 

HEX #FF98CD まで HEX #FF86BF


CSSコード:

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

 

HEX #FF98CD まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #FF98CD 9%, #FF86BF 86%);

 

HEX #FF86BF まで HEX #FFAAE0


CSSコード:

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

 

HEX #FF86BF まで HEX #FFAAE0


CSSコード:

background-image: radial-gradient(circle, #FF86BF 10%, #FFAAE0 92%);

 

HEX #FFAAE0 まで HEX #FF86BF


CSSコード:

background-image: linear-gradient(135deg, #FFAAE0 7%, #FF86BF 96%);

 

HEX #FFAAE0 まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #FFAAE0 6%, #FF86BF 96%);

 

HEX #FF86BF まで HEX #FFBCF3


CSSコード:

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

 

HEX #FF86BF まで HEX #FFBCF3


CSSコード:

background-image: radial-gradient(circle, #FF86BF 6%, #FFBCF3 86%);

 

HEX #FFBCF3 まで HEX #FF86BF


CSSコード:

background-image: linear-gradient(135deg, #FFBCF3 4%, #FF86BF 97%);

 

HEX #FFBCF3 まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #FFBCF3 9%, #FF86BF 90%);

 

HEX #FF86BF まで HEX #FFCEFF


CSSコード:

background-image: linear-gradient(135deg, #FF86BF 5%, #FFCEFF 89%);

 

HEX #FF86BF まで HEX #FFCEFF


CSSコード:

background-image: radial-gradient(circle, #FF86BF 0%, #FFCEFF 91%);

 

HEX #FFCEFF まで HEX #FF86BF


CSSコード:

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

 

HEX #FFCEFF まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #FFCEFF 7%, #FF86BF 90%);

リニア

HEX #FF86BF まで HEX #EE74AC


CSSコード:

background-image: linear-gradient(135deg, #FF86BF 2%, #EE74AC 97%);

ラジアル

HEX #FF86BF まで HEX #EE74AC


CSSコード:

background-image: radial-gradient(circle, #FF86BF 12%, #EE74AC 89%);

 

HEX #EE74AC まで HEX #FF86BF


CSSコード:

background-image: linear-gradient(135deg, #EE74AC 0%, #FF86BF 98%);

 

HEX #EE74AC まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #EE74AC 9%, #FF86BF 93%);

 

HEX #FF86BF まで HEX #DD6299


CSSコード:

background-image: linear-gradient(135deg, #FF86BF 1%, #DD6299 91%);

 

HEX #FF86BF まで HEX #DD6299


CSSコード:

background-image: radial-gradient(circle, #FF86BF 6%, #DD6299 89%);

 

HEX #DD6299 まで HEX #FF86BF


CSSコード:

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

 

HEX #DD6299 まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #DD6299 11%, #FF86BF 88%);

 

HEX #FF86BF まで HEX #CC5086


CSSコード:

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

 

HEX #FF86BF まで HEX #CC5086


CSSコード:

background-image: radial-gradient(circle, #FF86BF 14%, #CC5086 89%);

 

HEX #CC5086 まで HEX #FF86BF


CSSコード:

background-image: linear-gradient(135deg, #CC5086 12%, #FF86BF 92%);

 

HEX #CC5086 まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #CC5086 0%, #FF86BF 98%);

 

HEX #FF86BF まで HEX #BB3E73


CSSコード:

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

 

HEX #FF86BF まで HEX #BB3E73


CSSコード:

background-image: radial-gradient(circle, #FF86BF 7%, #BB3E73 88%);

 

HEX #BB3E73 まで HEX #FF86BF


CSSコード:

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

 

HEX #BB3E73 まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #BB3E73 0%, #FF86BF 95%);

リニア

HEX #FF86BF まで HEX #FF84AB


CSSコード:

background-image: linear-gradient(135deg, #FF86BF 9%, #FF84AB 98%);

ラジアル

HEX #FF86BF まで HEX #FF84AB


CSSコード:

background-image: radial-gradient(circle, #FF86BF 13%, #FF84AB 93%);

 

HEX #FF84AB まで HEX #FF86BF


CSSコード:

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

 

HEX #FF84AB まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #FF84AB 6%, #FF86BF 87%);

 

HEX #FF86BF まで HEX #FF8496


CSSコード:

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

 

HEX #FF86BF まで HEX #FF8496


CSSコード:

background-image: radial-gradient(circle, #FF86BF 4%, #FF8496 89%);

 

HEX #FF8496 まで HEX #FF86BF


CSSコード:

background-image: linear-gradient(135deg, #FF8496 1%, #FF86BF 97%);

 

HEX #FF8496 まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #FF8496 13%, #FF86BF 87%);

 

HEX #FF86BF まで HEX #FF8684


CSSコード:

background-image: linear-gradient(135deg, #FF86BF 0%, #FF8684 97%);

 

HEX #FF86BF まで HEX #FF8684


CSSコード:

background-image: radial-gradient(circle, #FF86BF 3%, #FF8684 95%);

 

HEX #FF8684 まで HEX #FF86BF


CSSコード:

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

 

HEX #FF8684 まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #FF8684 9%, #FF86BF 89%);

 

HEX #FF86BF まで HEX #FF9B84


CSSコード:

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

 

HEX #FF86BF まで HEX #FF9B84


CSSコード:

background-image: radial-gradient(circle, #FF86BF 11%, #FF9B84 88%);

 

HEX #FF9B84 まで HEX #FF86BF


CSSコード:

background-image: linear-gradient(135deg, #FF9B84 7%, #FF86BF 90%);

 

HEX #FF9B84 まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #FF9B84 9%, #FF86BF 94%);

リニア

HEX #FF86BF まで HEX #331B26


CSSコード:

background-image: linear-gradient(135deg, #FF86BF 10%, #331B26 100%);

ラジアル

HEX #FF86BF まで HEX #331B26


CSSコード:

background-image: radial-gradient(circle, #FF86BF 10%, #331B26 100%);

 

HEX #331B26 まで HEX #FF86BF


CSSコード:

background-image: linear-gradient(135deg, #331B26 14%, #FF86BF 99%);

 

HEX #331B26 まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #331B26 10%, #FF86BF 100%);

 

HEX #FF86BF まで HEX #66364C


CSSコード:

background-image: linear-gradient(135deg, #FF86BF 12%, #66364C 100%);

 

HEX #FF86BF まで HEX #66364C


CSSコード:

background-image: radial-gradient(circle, #FF86BF 9%, #66364C 99%);

 

HEX #66364C まで HEX #FF86BF


CSSコード:

background-image: linear-gradient(135deg, #66364C 7%, #FF86BF 90%);

 

HEX #66364C まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #66364C 5%, #FF86BF 99%);

 

HEX #FF86BF まで HEX #995073


CSSコード:

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

 

HEX #FF86BF まで HEX #995073


CSSコード:

background-image: radial-gradient(circle, #FF86BF 0%, #995073 99%);

 

HEX #995073 まで HEX #FF86BF


CSSコード:

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

 

HEX #995073 まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #995073 1%, #FF86BF 95%);

 

HEX #FF86BF まで HEX #CC6B99


CSSコード:

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

 

HEX #FF86BF まで HEX #CC6B99


CSSコード:

background-image: radial-gradient(circle, #FF86BF 7%, #CC6B99 90%);

 

HEX #CC6B99 まで HEX #FF86BF


CSSコード:

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

 

HEX #CC6B99 まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #CC6B99 7%, #FF86BF 91%);

リニア

HEX #FF86BF まで HEX #FFDC84


CSSコード:

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

ラジアル

HEX #FF86BF まで HEX #FFDC84


CSSコード:

background-image: radial-gradient(circle, #FF86BF 11%, #FFDC84 92%);

 

HEX #FFDC84 まで HEX #FF86BF


CSSコード:

background-image: linear-gradient(135deg, #FFDC84 9%, #FF86BF 98%);

 

HEX #FFDC84 まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #FFDC84 7%, #FF86BF 93%);

 

HEX #FF86BF まで HEX #84F0FF


CSSコード:

background-image: linear-gradient(135deg, #FF86BF 10%, #84F0FF 96%);

 

HEX #FF86BF まで HEX #84F0FF


CSSコード:

background-image: radial-gradient(circle, #FF86BF 6%, #84F0FF 90%);

 

HEX #84F0FF まで HEX #FF86BF


CSSコード:

background-image: linear-gradient(135deg, #84F0FF 5%, #FF86BF 87%);

 

HEX #84F0FF まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #84F0FF 3%, #FF86BF 94%);

リニア

HEX #FF86BF まで HEX #BFFF84


CSSコード:

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

ラジアル

HEX #FF86BF まで HEX #BFFF84


CSSコード:

background-image: radial-gradient(circle, #FF86BF 9%, #BFFF84 98%);

 

HEX #BFFF84 まで HEX #FF86BF


CSSコード:

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

 

HEX #BFFF84 まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #BFFF84 4%, #FF86BF 93%);

 

HEX #FF86BF まで HEX #84BFFF


CSSコード:

background-image: linear-gradient(135deg, #FF86BF 13%, #84BFFF 90%);

 

HEX #FF86BF まで HEX #84BFFF


CSSコード:

background-image: radial-gradient(circle, #FF86BF 8%, #84BFFF 95%);

 

HEX #84BFFF まで HEX #FF86BF


CSSコード:

background-image: linear-gradient(135deg, #84BFFF 3%, #FF86BF 100%);

 

HEX #84BFFF まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #84BFFF 10%, #FF86BF 98%);

リニア

HEX #FF86BF まで HEX #FFDC84


CSSコード:

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

ラジアル

HEX #FF86BF まで HEX #FFDC84


CSSコード:

background-image: radial-gradient(circle, #FF86BF 6%, #FFDC84 92%);

 

HEX #FFDC84 まで HEX #FF86BF


CSSコード:

background-image: linear-gradient(135deg, #FFDC84 2%, #FF86BF 94%);

 

HEX #FFDC84 まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #FFDC84 5%, #FF86BF 87%);

 

HEX #FF86BF まで HEX #84FFC3


CSSコード:

background-image: linear-gradient(135deg, #FF86BF 12%, #84FFC3 91%);

 

HEX #FF86BF まで HEX #84FFC3


CSSコード:

background-image: radial-gradient(circle, #FF86BF 12%, #84FFC3 95%);

 

HEX #84FFC3 まで HEX #FF86BF


CSSコード:

background-image: linear-gradient(135deg, #84FFC3 4%, #FF86BF 99%);

 

HEX #84FFC3 まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #84FFC3 10%, #FF86BF 88%);

 

HEX #FF86BF まで HEX #84A7FF


CSSコード:

background-image: linear-gradient(135deg, #FF86BF 12%, #84A7FF 100%);

 

HEX #FF86BF まで HEX #84A7FF


CSSコード:

background-image: radial-gradient(circle, #FF86BF 8%, #84A7FF 92%);

 

HEX #84A7FF まで HEX #FF86BF


CSSコード:

background-image: linear-gradient(135deg, #84A7FF 12%, #FF86BF 92%);

 

HEX #84A7FF まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #84A7FF 3%, #FF86BF 96%);

リニア

HEX #FF86BF まで HEX #FCFF84


CSSコード:

background-image: linear-gradient(135deg, #FF86BF 6%, #FCFF84 95%);

ラジアル

HEX #FF86BF まで HEX #FCFF84


CSSコード:

background-image: radial-gradient(circle, #FF86BF 7%, #FCFF84 92%);

 

HEX #FCFF84 まで HEX #FF86BF


CSSコード:

background-image: linear-gradient(135deg, #FCFF84 13%, #FF86BF 87%);

 

HEX #FCFF84 まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #FCFF84 1%, #FF86BF 100%);

 

HEX #FF86BF まで HEX #84FFC3


CSSコード:

background-image: linear-gradient(135deg, #FF86BF 8%, #84FFC3 91%);

 

HEX #FF86BF まで HEX #84FFC3


CSSコード:

background-image: radial-gradient(circle, #FF86BF 14%, #84FFC3 90%);

 

HEX #84FFC3 まで HEX #FF86BF


CSSコード:

background-image: linear-gradient(135deg, #84FFC3 4%, #FF86BF 87%);

 

HEX #84FFC3 まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #84FFC3 3%, #FF86BF 86%);

 

HEX #FF86BF まで HEX #8684FF


CSSコード:

background-image: linear-gradient(135deg, #FF86BF 10%, #8684FF 97%);

 

HEX #FF86BF まで HEX #8684FF


CSSコード:

background-image: radial-gradient(circle, #FF86BF 2%, #8684FF 94%);

 

HEX #8684FF まで HEX #FF86BF


CSSコード:

background-image: linear-gradient(135deg, #8684FF 14%, #FF86BF 94%);

 

HEX #8684FF まで HEX #FF86BF


CSSコード:

background-image: radial-gradient(circle, #8684FF 6%, #FF86BF 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)

カラーパレットを保存するには、ログインする必要があります。

アカウントにログイン

または

アカウントを作成する

現在のカラーパレット 共有
公開か非公開か？
共有後、リンク（複数可）が続きます。

キャンセル シェア

カラーパレット共有
ご希望のリンクをコピーして保存してください。

シェア

OK、リンクをコピーしておきました

カラーは新しいカラーパレットに保存され、
プロフィールの下に表示されます。
さらにカスタマイズしたり、共有することもできます。

カラーパレットを表示する
了い

カラーパレットを作成する

ダウンロード各種フォーマットでダウンロード

すべて削除

をクリックすると、パレットを作成し、 色見本をダウンロードすることができます。

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