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

✕
error rgb: 222_162.4_56.4

CSS グラデーション:
RGB 222 162.4 56.4

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

この色では、黄色が他の色より際立っています。赤と緑の色相を表す値は、3番目の値よりも大きい。互いに近接し、青の色相の値を超えている。 色値が他と比較して高いため、この色合いは私たちには明るく見える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #DEA238 まで HEX #215CC6


CSSコード:

background-image: linear-gradient(135deg, #DEA238 10%, #215CC6 90%);

ラジアル

HEX #DEA238 まで HEX #215CC6


CSSコード:

background-image: radial-gradient(circle, #DEA238 2%, #215CC6 97%);

 

HEX #215CC6 まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #215CC6 8%, #DEA238 86%);

 

HEX #215CC6 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #215CC6 8%, #DEA238 91%);

リニア

HEX #DEA238 まで HEX #DE7639


CSSコード:

background-image: linear-gradient(135deg, #DEA238 8%, #DE7639 91%);

ラジアル

HEX #DEA238 まで HEX #DE7639


CSSコード:

background-image: radial-gradient(circle, #DEA238 9%, #DE7639 98%);

 

HEX #DE7639 まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #DE7639 9%, #DEA238 97%);

 

HEX #DE7639 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #DE7639 8%, #DEA238 97%);

 

HEX #DEA238 まで HEX #DEA239


CSSコード:

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

 

HEX #DEA238 まで HEX #DEA239


CSSコード:

background-image: radial-gradient(circle, #DEA238 0%, #DEA239 89%);

 

HEX #DEA239 まで HEX #DEA238


CSSコード:

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

 

HEX #DEA239 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #DEA239 7%, #DEA238 97%);

 

HEX #DEA238 まで HEX #DECE39


CSSコード:

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

 

HEX #DEA238 まで HEX #DECE39


CSSコード:

background-image: radial-gradient(circle, #DEA238 12%, #DECE39 90%);

 

HEX #DECE39 まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #DECE39 9%, #DEA238 92%);

 

HEX #DECE39 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #DECE39 7%, #DEA238 99%);

 

HEX #DEA238 まで HEX #C3DE39


CSSコード:

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

 

HEX #DEA238 まで HEX #C3DE39


CSSコード:

background-image: radial-gradient(circle, #DEA238 3%, #C3DE39 89%);

 

HEX #C3DE39 まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #C3DE39 8%, #DEA238 91%);

 

HEX #C3DE39 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #C3DE39 13%, #DEA238 92%);

リニア

HEX #DEA238 まで HEX #CD8F21


CSSコード:

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

ラジアル

HEX #DEA238 まで HEX #CD8F21


CSSコード:

background-image: radial-gradient(circle, #DEA238 2%, #CD8F21 98%);

 

HEX #CD8F21 まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #CD8F21 4%, #DEA238 88%);

 

HEX #CD8F21 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #CD8F21 10%, #DEA238 93%);

 

HEX #DEA238 まで HEX #DEA339


CSSコード:

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

 

HEX #DEA238 まで HEX #DEA339


CSSコード:

background-image: radial-gradient(circle, #DEA238 12%, #DEA339 96%);

 

HEX #DEA339 まで HEX #DEA238


CSSコード:

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

 

HEX #DEA339 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #DEA339 5%, #DEA238 90%);

 

HEX #DEA238 まで HEX #E4B35D


CSSコード:

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

 

HEX #DEA238 まで HEX #E4B35D


CSSコード:

background-image: radial-gradient(circle, #DEA238 4%, #E4B35D 99%);

 

HEX #E4B35D まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #E4B35D 5%, #DEA238 88%);

 

HEX #E4B35D まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #E4B35D 14%, #DEA238 98%);

 

HEX #DEA238 まで HEX #EAC480


CSSコード:

background-image: linear-gradient(135deg, #DEA238 9%, #EAC480 92%);

 

HEX #DEA238 まで HEX #EAC480


CSSコード:

background-image: radial-gradient(circle, #DEA238 7%, #EAC480 89%);

 

HEX #EAC480 まで HEX #DEA238


CSSコード:

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

 

HEX #EAC480 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #EAC480 4%, #DEA238 97%);

リニア

HEX #DEA238 まで HEX #DE7639


CSSコード:

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

ラジアル

HEX #DEA238 まで HEX #DE7639


CSSコード:

background-image: radial-gradient(circle, #DEA238 5%, #DE7639 95%);

 

HEX #DE7639 まで HEX #DEA238


CSSコード:

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

 

HEX #DE7639 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #DE7639 12%, #DEA238 96%);

 

HEX #DEA238 まで HEX #DEA239


CSSコード:

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

 

HEX #DEA238 まで HEX #DEA239


CSSコード:

background-image: radial-gradient(circle, #DEA238 10%, #DEA239 98%);

 

HEX #DEA239 まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #DEA239 9%, #DEA238 94%);

 

HEX #DEA239 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #DEA239 2%, #DEA238 92%);

 

HEX #DEA238 まで HEX #DECE39


CSSコード:

background-image: linear-gradient(135deg, #DEA238 0%, #DECE39 86%);

 

HEX #DEA238 まで HEX #DECE39


CSSコード:

background-image: radial-gradient(circle, #DEA238 11%, #DECE39 94%);

 

HEX #DECE39 まで HEX #DEA238


CSSコード:

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

 

HEX #DECE39 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #DECE39 5%, #DEA238 89%);

 

HEX #DEA238 まで HEX #C3DE39


CSSコード:

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

 

HEX #DEA238 まで HEX #C3DE39


CSSコード:

background-image: radial-gradient(circle, #DEA238 11%, #C3DE39 88%);

 

HEX #C3DE39 まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #C3DE39 13%, #DEA238 93%);

 

HEX #C3DE39 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #C3DE39 13%, #DEA238 89%);

リニア

HEX #DEA238 まで HEX #CD8F21


CSSコード:

background-image: linear-gradient(135deg, #DEA238 2%, #CD8F21 93%);

ラジアル

HEX #DEA238 まで HEX #CD8F21


CSSコード:

background-image: radial-gradient(circle, #DEA238 5%, #CD8F21 95%);

 

HEX #CD8F21 まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #CD8F21 5%, #DEA238 98%);

 

HEX #CD8F21 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #CD8F21 1%, #DEA238 96%);

 

HEX #DEA238 まで HEX #DEA339


CSSコード:

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

 

HEX #DEA238 まで HEX #DEA339


CSSコード:

background-image: radial-gradient(circle, #DEA238 12%, #DEA339 92%);

 

HEX #DEA339 まで HEX #DEA238


CSSコード:

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

 

HEX #DEA339 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #DEA339 10%, #DEA238 91%);

 

HEX #DEA238 まで HEX #E4B35D


CSSコード:

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

 

HEX #DEA238 まで HEX #E4B35D


CSSコード:

background-image: radial-gradient(circle, #DEA238 10%, #E4B35D 91%);

 

HEX #E4B35D まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #E4B35D 5%, #DEA238 90%);

 

HEX #E4B35D まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #E4B35D 14%, #DEA238 93%);

 

HEX #DEA238 まで HEX #EAC480


CSSコード:

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

 

HEX #DEA238 まで HEX #EAC480


CSSコード:

background-image: radial-gradient(circle, #DEA238 5%, #EAC480 91%);

 

HEX #EAC480 まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #EAC480 0%, #DEA238 99%);

 

HEX #EAC480 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #EAC480 1%, #DEA238 95%);

リニア

HEX #DEA238 まで HEX #55DE39


CSSコード:

background-image: linear-gradient(135deg, #DEA238 3%, #55DE39 95%);

ラジアル

HEX #DEA238 まで HEX #55DE39


CSSコード:

background-image: radial-gradient(circle, #DEA238 4%, #55DE39 99%);

 

HEX #55DE39 まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #55DE39 14%, #DEA238 100%);

 

HEX #55DE39 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #55DE39 7%, #DEA238 86%);

 

HEX #DEA238 まで HEX #6039DE


CSSコード:

background-image: linear-gradient(135deg, #DEA238 14%, #6039DE 90%);

 

HEX #DEA238 まで HEX #6039DE


CSSコード:

background-image: radial-gradient(circle, #DEA238 0%, #6039DE 99%);

 

HEX #6039DE まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #6039DE 1%, #DEA238 97%);

 

HEX #6039DE まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #6039DE 11%, #DEA238 99%);

リニア

HEX #DEA238 まで HEX #39DEA2


CSSコード:

background-image: linear-gradient(135deg, #DEA238 1%, #39DEA2 89%);

ラジアル

HEX #DEA238 まで HEX #39DEA2


CSSコード:

background-image: radial-gradient(circle, #DEA238 2%, #39DEA2 94%);

 

HEX #39DEA2 まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #39DEA2 5%, #DEA238 99%);

 

HEX #39DEA2 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #39DEA2 14%, #DEA238 99%);

 

HEX #DEA238 まで HEX #A239DE


CSSコード:

background-image: linear-gradient(135deg, #DEA238 8%, #A239DE 91%);

 

HEX #DEA238 まで HEX #A239DE


CSSコード:

background-image: radial-gradient(circle, #DEA238 12%, #A239DE 96%);

 

HEX #A239DE まで HEX #DEA238


CSSコード:

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

 

HEX #A239DE まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #A239DE 4%, #DEA238 91%);

リニア

HEX #DEA238 まで HEX #55DE39


CSSコード:

background-image: linear-gradient(135deg, #DEA238 4%, #55DE39 88%);

ラジアル

HEX #DEA238 まで HEX #55DE39


CSSコード:

background-image: radial-gradient(circle, #DEA238 11%, #55DE39 96%);

 

HEX #55DE39 まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #55DE39 13%, #DEA238 88%);

 

HEX #55DE39 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #55DE39 0%, #DEA238 100%);

 

HEX #DEA238 まで HEX #3976DE


CSSコード:

background-image: linear-gradient(135deg, #DEA238 2%, #3976DE 93%);

 

HEX #DEA238 まで HEX #3976DE


CSSコード:

background-image: radial-gradient(circle, #DEA238 4%, #3976DE 95%);

 

HEX #3976DE まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #3976DE 12%, #DEA238 99%);

 

HEX #3976DE まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #3976DE 8%, #DEA238 93%);

 

HEX #DEA238 まで HEX #C339DE


CSSコード:

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

 

HEX #DEA238 まで HEX #C339DE


CSSコード:

background-image: radial-gradient(circle, #DEA238 13%, #C339DE 87%);

 

HEX #C339DE まで HEX #DEA238


CSSコード:

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

 

HEX #C339DE まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #C339DE 14%, #DEA238 95%);

リニア

HEX #DEA238 まで HEX #39DE4F


CSSコード:

background-image: linear-gradient(135deg, #DEA238 12%, #39DE4F 86%);

ラジアル

HEX #DEA238 まで HEX #39DE4F


CSSコード:

background-image: radial-gradient(circle, #DEA238 14%, #39DE4F 97%);

 

HEX #39DE4F まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #39DE4F 1%, #DEA238 93%);

 

HEX #39DE4F まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #39DE4F 7%, #DEA238 93%);

 

HEX #DEA238 まで HEX #3976DE


CSSコード:

background-image: linear-gradient(135deg, #DEA238 14%, #3976DE 96%);

 

HEX #DEA238 まで HEX #3976DE


CSSコード:

background-image: radial-gradient(circle, #DEA238 2%, #3976DE 99%);

 

HEX #3976DE まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #3976DE 11%, #DEA238 97%);

 

HEX #3976DE まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #3976DE 9%, #DEA238 89%);

 

HEX #DEA238 まで HEX #DE39C8


CSSコード:

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

 

HEX #DEA238 まで HEX #DE39C8


CSSコード:

background-image: radial-gradient(circle, #DEA238 6%, #DE39C8 96%);

 

HEX #DE39C8 まで HEX #DEA238


CSSコード:

background-image: linear-gradient(135deg, #DE39C8 11%, #DEA238 97%);

 

HEX #DE39C8 まで HEX #DEA238


CSSコード:

background-image: radial-gradient(circle, #DE39C8 14%, #DEA238 96%);

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

サービス内容

カラー

ラグビー に 呪咀

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

カミーユ に 呪咀

から変換する CMYK シアン／マゼンタ／イエロー／キー まで #RRGGBB
Icons

カミーユ に ラグビー

から変換する CMYK シアン／マゼンタ／イエロー／キー まで RGB レッド・グリーン・ブルー
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 まで 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) まで 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) まで 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) まで 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) まで 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) まで 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)
nsc-logo

エヌシーエス® に シャーウィン・ウィリアムズ®

から変換する NCS番号(S0000-X00X) まで シャーウィン・ウィリアムズ® 番号 (SW 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 - Designed by frag-bobby.de