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

✕

CSS グラデーション:
#FF9E82

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #FF9E82 まで HEX #00617D


CSSコード:

background-image: linear-gradient(135deg, #FF9E82 9%, #00617D 87%);

ラジアル

HEX #FF9E82 まで HEX #00617D


CSSコード:

background-image: radial-gradient(circle, #FF9E82 1%, #00617D 92%);

 

HEX #00617D まで HEX #FF9E82


CSSコード:

background-image: linear-gradient(135deg, #00617D 7%, #FF9E82 97%);

 

HEX #00617D まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #00617D 10%, #FF9E82 93%);

リニア

HEX #FF9E82 まで HEX #FFB090


CSSコード:

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

ラジアル

HEX #FF9E82 まで HEX #FFB090


CSSコード:

background-image: radial-gradient(circle, #FF9E82 3%, #FFB090 86%);

 

HEX #FFB090 まで HEX #FF9E82


CSSコード:

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

 

HEX #FFB090 まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #FFB090 6%, #FF9E82 87%);

 

HEX #FF9E82 まで HEX #FFC2A3


CSSコード:

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

 

HEX #FF9E82 まで HEX #FFC2A3


CSSコード:

background-image: radial-gradient(circle, #FF9E82 14%, #FFC2A3 93%);

 

HEX #FFC2A3 まで HEX #FF9E82


CSSコード:

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

 

HEX #FFC2A3 まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #FFC2A3 9%, #FF9E82 95%);

 

HEX #FF9E82 まで HEX #FFD4B6


CSSコード:

background-image: linear-gradient(135deg, #FF9E82 9%, #FFD4B6 99%);

 

HEX #FF9E82 まで HEX #FFD4B6


CSSコード:

background-image: radial-gradient(circle, #FF9E82 6%, #FFD4B6 100%);

 

HEX #FFD4B6 まで HEX #FF9E82


CSSコード:

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

 

HEX #FFD4B6 まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #FFD4B6 11%, #FF9E82 89%);

 

HEX #FF9E82 まで HEX #FFE6C9


CSSコード:

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

 

HEX #FF9E82 まで HEX #FFE6C9


CSSコード:

background-image: radial-gradient(circle, #FF9E82 1%, #FFE6C9 88%);

 

HEX #FFE6C9 まで HEX #FF9E82


CSSコード:

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

 

HEX #FFE6C9 まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #FFE6C9 4%, #FF9E82 96%);

リニア

HEX #FF9E82 まで HEX #EE8C6F


CSSコード:

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

ラジアル

HEX #FF9E82 まで HEX #EE8C6F


CSSコード:

background-image: radial-gradient(circle, #FF9E82 5%, #EE8C6F 98%);

 

HEX #EE8C6F まで HEX #FF9E82


CSSコード:

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

 

HEX #EE8C6F まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #EE8C6F 8%, #FF9E82 87%);

 

HEX #FF9E82 まで HEX #DD7A5C


CSSコード:

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

 

HEX #FF9E82 まで HEX #DD7A5C


CSSコード:

background-image: radial-gradient(circle, #FF9E82 4%, #DD7A5C 91%);

 

HEX #DD7A5C まで HEX #FF9E82


CSSコード:

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

 

HEX #DD7A5C まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #DD7A5C 3%, #FF9E82 99%);

 

HEX #FF9E82 まで HEX #CC6849


CSSコード:

background-image: linear-gradient(135deg, #FF9E82 11%, #CC6849 93%);

 

HEX #FF9E82 まで HEX #CC6849


CSSコード:

background-image: radial-gradient(circle, #FF9E82 2%, #CC6849 93%);

 

HEX #CC6849 まで HEX #FF9E82


CSSコード:

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

 

HEX #CC6849 まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #CC6849 6%, #FF9E82 90%);

 

HEX #FF9E82 まで HEX #BB5636


CSSコード:

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

 

HEX #FF9E82 まで HEX #BB5636


CSSコード:

background-image: radial-gradient(circle, #FF9E82 5%, #BB5636 93%);

 

HEX #BB5636 まで HEX #FF9E82


CSSコード:

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

 

HEX #BB5636 まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #BB5636 9%, #FF9E82 94%);

リニア

HEX #FF9E82 まで HEX #FFB07F


CSSコード:

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

ラジアル

HEX #FF9E82 まで HEX #FFB07F


CSSコード:

background-image: radial-gradient(circle, #FF9E82 6%, #FFB07F 99%);

 

HEX #FFB07F まで HEX #FF9E82


CSSコード:

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

 

HEX #FFB07F まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #FFB07F 9%, #FF9E82 100%);

 

HEX #FF9E82 まで HEX #FFC57F


CSSコード:

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

 

HEX #FF9E82 まで HEX #FFC57F


CSSコード:

background-image: radial-gradient(circle, #FF9E82 13%, #FFC57F 99%);

 

HEX #FFC57F まで HEX #FF9E82


CSSコード:

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

 

HEX #FFC57F まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #FFC57F 10%, #FF9E82 94%);

 

HEX #FF9E82 まで HEX #FFDA7F


CSSコード:

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

 

HEX #FF9E82 まで HEX #FFDA7F


CSSコード:

background-image: radial-gradient(circle, #FF9E82 11%, #FFDA7F 100%);

 

HEX #FFDA7F まで HEX #FF9E82


CSSコード:

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

 

HEX #FFDA7F まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #FFDA7F 10%, #FF9E82 100%);

 

HEX #FF9E82 まで HEX #FFF07F


CSSコード:

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

 

HEX #FF9E82 まで HEX #FFF07F


CSSコード:

background-image: radial-gradient(circle, #FF9E82 14%, #FFF07F 94%);

 

HEX #FFF07F まで HEX #FF9E82


CSSコード:

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

 

HEX #FFF07F まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #FFF07F 6%, #FF9E82 90%);

リニア

HEX #FF9E82 まで HEX #33201A


CSSコード:

background-image: linear-gradient(135deg, #FF9E82 5%, #33201A 91%);

ラジアル

HEX #FF9E82 まで HEX #33201A


CSSコード:

background-image: radial-gradient(circle, #FF9E82 10%, #33201A 89%);

 

HEX #33201A まで HEX #FF9E82


CSSコード:

background-image: linear-gradient(135deg, #33201A 5%, #FF9E82 95%);

 

HEX #33201A まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #33201A 4%, #FF9E82 100%);

 

HEX #FF9E82 まで HEX #663F34


CSSコード:

background-image: linear-gradient(135deg, #FF9E82 0%, #663F34 93%);

 

HEX #FF9E82 まで HEX #663F34


CSSコード:

background-image: radial-gradient(circle, #FF9E82 2%, #663F34 91%);

 

HEX #663F34 まで HEX #FF9E82


CSSコード:

background-image: linear-gradient(135deg, #663F34 12%, #FF9E82 87%);

 

HEX #663F34 まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #663F34 1%, #FF9E82 100%);

 

HEX #FF9E82 まで HEX #995F4E


CSSコード:

background-image: linear-gradient(135deg, #FF9E82 4%, #995F4E 89%);

 

HEX #FF9E82 まで HEX #995F4E


CSSコード:

background-image: radial-gradient(circle, #FF9E82 13%, #995F4E 92%);

 

HEX #995F4E まで HEX #FF9E82


CSSコード:

background-image: linear-gradient(135deg, #995F4E 0%, #FF9E82 100%);

 

HEX #995F4E まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #995F4E 2%, #FF9E82 97%);

 

HEX #FF9E82 まで HEX #CC7E68


CSSコード:

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

 

HEX #FF9E82 まで HEX #CC7E68


CSSコード:

background-image: radial-gradient(circle, #FF9E82 9%, #CC7E68 88%);

 

HEX #CC7E68 まで HEX #FF9E82


CSSコード:

background-image: linear-gradient(135deg, #CC7E68 8%, #FF9E82 96%);

 

HEX #CC7E68 まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #CC7E68 0%, #FF9E82 100%);

リニア

HEX #FF9E82 まで HEX #C9FF7F


CSSコード:

background-image: linear-gradient(135deg, #FF9E82 0%, #C9FF7F 91%);

ラジアル

HEX #FF9E82 まで HEX #C9FF7F


CSSコード:

background-image: radial-gradient(circle, #FF9E82 0%, #C9FF7F 97%);

 

HEX #C9FF7F まで HEX #FF9E82


CSSコード:

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

 

HEX #C9FF7F まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #C9FF7F 9%, #FF9E82 90%);

 

HEX #FF9E82 まで HEX #7F96FF


CSSコード:

background-image: linear-gradient(135deg, #FF9E82 2%, #7F96FF 89%);

 

HEX #FF9E82 まで HEX #7F96FF


CSSコード:

background-image: radial-gradient(circle, #FF9E82 10%, #7F96FF 86%);

 

HEX #7F96FF まで HEX #FF9E82


CSSコード:

background-image: linear-gradient(135deg, #7F96FF 11%, #FF9E82 100%);

 

HEX #7F96FF まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #7F96FF 14%, #FF9E82 93%);

リニア

HEX #FF9E82 まで HEX #7FFF9B


CSSコード:

background-image: linear-gradient(135deg, #FF9E82 6%, #7FFF9B 90%);

ラジアル

HEX #FF9E82 まで HEX #7FFF9B


CSSコード:

background-image: radial-gradient(circle, #FF9E82 0%, #7FFF9B 90%);

 

HEX #7FFF9B まで HEX #FF9E82


CSSコード:

background-image: linear-gradient(135deg, #7FFF9B 13%, #FF9E82 98%);

 

HEX #7FFF9B まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #7FFF9B 11%, #FF9E82 97%);

 

HEX #FF9E82 まで HEX #9B7FFF


CSSコード:

background-image: linear-gradient(135deg, #FF9E82 3%, #9B7FFF 94%);

 

HEX #FF9E82 まで HEX #9B7FFF


CSSコード:

background-image: radial-gradient(circle, #FF9E82 2%, #9B7FFF 89%);

 

HEX #9B7FFF まで HEX #FF9E82


CSSコード:

background-image: linear-gradient(135deg, #9B7FFF 7%, #FF9E82 97%);

 

HEX #9B7FFF まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #9B7FFF 13%, #FF9E82 87%);

リニア

HEX #FF9E82 まで HEX #C9FF7F


CSSコード:

background-image: linear-gradient(135deg, #FF9E82 8%, #C9FF7F 90%);

ラジアル

HEX #FF9E82 まで HEX #C9FF7F


CSSコード:

background-image: radial-gradient(circle, #FF9E82 5%, #C9FF7F 91%);

 

HEX #C9FF7F まで HEX #FF9E82


CSSコード:

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

 

HEX #C9FF7F まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #C9FF7F 8%, #FF9E82 94%);

 

HEX #FF9E82 まで HEX #7FE3FF


CSSコード:

background-image: linear-gradient(135deg, #FF9E82 3%, #7FE3FF 95%);

 

HEX #FF9E82 まで HEX #7FE3FF


CSSコード:

background-image: radial-gradient(circle, #FF9E82 9%, #7FE3FF 98%);

 

HEX #7FE3FF まで HEX #FF9E82


CSSコード:

background-image: linear-gradient(135deg, #7FE3FF 9%, #FF9E82 90%);

 

HEX #7FE3FF まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #7FE3FF 9%, #FF9E82 97%);

 

HEX #FF9E82 まで HEX #B47FFF


CSSコード:

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

 

HEX #FF9E82 まで HEX #B47FFF


CSSコード:

background-image: radial-gradient(circle, #FF9E82 5%, #B47FFF 92%);

 

HEX #B47FFF まで HEX #FF9E82


CSSコード:

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

 

HEX #B47FFF まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #B47FFF 14%, #FF9E82 100%);

リニア

HEX #FF9E82 まで HEX #A3FF7F


CSSコード:

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

ラジアル

HEX #FF9E82 まで HEX #A3FF7F


CSSコード:

background-image: radial-gradient(circle, #FF9E82 7%, #A3FF7F 92%);

 

HEX #A3FF7F まで HEX #FF9E82


CSSコード:

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

 

HEX #A3FF7F まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #A3FF7F 0%, #FF9E82 88%);

 

HEX #FF9E82 まで HEX #7FE3FF


CSSコード:

background-image: linear-gradient(135deg, #FF9E82 0%, #7FE3FF 99%);

 

HEX #FF9E82 まで HEX #7FE3FF


CSSコード:

background-image: radial-gradient(circle, #FF9E82 10%, #7FE3FF 88%);

 

HEX #7FE3FF まで HEX #FF9E82


CSSコード:

background-image: linear-gradient(135deg, #7FE3FF 7%, #FF9E82 92%);

 

HEX #7FE3FF まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #7FE3FF 8%, #FF9E82 88%);

 

HEX #FF9E82 まで HEX #DA7FFF


CSSコード:

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

 

HEX #FF9E82 まで HEX #DA7FFF


CSSコード:

background-image: radial-gradient(circle, #FF9E82 6%, #DA7FFF 94%);

 

HEX #DA7FFF まで HEX #FF9E82


CSSコード:

background-image: linear-gradient(135deg, #DA7FFF 5%, #FF9E82 99%);

 

HEX #DA7FFF まで HEX #FF9E82


CSSコード:

background-image: radial-gradient(circle, #DA7FFF 13%, #FF9E82 87%);

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

サービス内容

カラー

ラグビー に 呪咀

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