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

✕
error rgb: 178.1_108.8_150

CSS グラデーション:
RGB 178.1 108.8 150

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #B26C96 まで HEX #4C9269


CSSコード:

background-image: linear-gradient(135deg, #B26C96 5%, #4C9269 93%);

ラジアル

HEX #B26C96 まで HEX #4C9269


CSSコード:

background-image: radial-gradient(circle, #B26C96 14%, #4C9269 90%);

 

HEX #4C9269 まで HEX #B26C96


CSSコード:

background-image: linear-gradient(135deg, #4C9269 6%, #B26C96 99%);

 

HEX #4C9269 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #4C9269 11%, #B26C96 98%);

リニア

HEX #B26C96 まで HEX #B16CA8


CSSコード:

background-image: linear-gradient(135deg, #B26C96 2%, #B16CA8 99%);

ラジアル

HEX #B26C96 まで HEX #B16CA8


CSSコード:

background-image: radial-gradient(circle, #B26C96 2%, #B16CA8 96%);

 

HEX #B16CA8 まで HEX #B26C96


CSSコード:

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

 

HEX #B16CA8 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #B16CA8 2%, #B26C96 97%);

 

HEX #B26C96 まで HEX #B16C95


CSSコード:

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

 

HEX #B26C96 まで HEX #B16C95


CSSコード:

background-image: radial-gradient(circle, #B26C96 4%, #B16C95 92%);

 

HEX #B16C95 まで HEX #B26C96


CSSコード:

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

 

HEX #B16C95 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #B16C95 1%, #B26C96 98%);

 

HEX #B26C96 まで HEX #B16C83


CSSコード:

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

 

HEX #B26C96 まで HEX #B16C83


CSSコード:

background-image: radial-gradient(circle, #B26C96 1%, #B16C83 96%);

 

HEX #B16C83 まで HEX #B26C96


CSSコード:

background-image: linear-gradient(135deg, #B16C83 3%, #B26C96 97%);

 

HEX #B16C83 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #B16C83 4%, #B26C96 86%);

 

HEX #B26C96 まで HEX #B16C70


CSSコード:

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

 

HEX #B26C96 まで HEX #B16C70


CSSコード:

background-image: radial-gradient(circle, #B26C96 9%, #B16C70 98%);

 

HEX #B16C70 まで HEX #B26C96


CSSコード:

background-image: linear-gradient(135deg, #B16C70 3%, #B26C96 96%);

 

HEX #B16C70 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #B16C70 4%, #B26C96 95%);

リニア

HEX #B26C96 まで HEX #A05481


CSSコード:

background-image: linear-gradient(135deg, #B26C96 6%, #A05481 89%);

ラジアル

HEX #B26C96 まで HEX #A05481


CSSコード:

background-image: radial-gradient(circle, #B26C96 12%, #A05481 91%);

 

HEX #A05481 まで HEX #B26C96


CSSコード:

background-image: linear-gradient(135deg, #A05481 14%, #B26C96 87%);

 

HEX #A05481 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #A05481 11%, #B26C96 91%);

 

HEX #B26C96 まで HEX #B16C95


CSSコード:

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

 

HEX #B26C96 まで HEX #B16C95


CSSコード:

background-image: radial-gradient(circle, #B26C96 13%, #B16C95 94%);

 

HEX #B16C95 まで HEX #B26C96


CSSコード:

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

 

HEX #B16C95 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #B16C95 0%, #B26C96 88%);

 

HEX #B26C96 まで HEX #BF87A8


CSSコード:

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

 

HEX #B26C96 まで HEX #BF87A8


CSSコード:

background-image: radial-gradient(circle, #B26C96 6%, #BF87A8 98%);

 

HEX #BF87A8 まで HEX #B26C96


CSSコード:

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

 

HEX #BF87A8 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #BF87A8 1%, #B26C96 93%);

 

HEX #B26C96 まで HEX #CEA2BC


CSSコード:

background-image: linear-gradient(135deg, #B26C96 8%, #CEA2BC 88%);

 

HEX #B26C96 まで HEX #CEA2BC


CSSコード:

background-image: radial-gradient(circle, #B26C96 5%, #CEA2BC 88%);

 

HEX #CEA2BC まで HEX #B26C96


CSSコード:

background-image: linear-gradient(135deg, #CEA2BC 14%, #B26C96 95%);

 

HEX #CEA2BC まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #CEA2BC 8%, #B26C96 98%);

リニア

HEX #B26C96 まで HEX #B16CA8


CSSコード:

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

ラジアル

HEX #B26C96 まで HEX #B16CA8


CSSコード:

background-image: radial-gradient(circle, #B26C96 8%, #B16CA8 90%);

 

HEX #B16CA8 まで HEX #B26C96


CSSコード:

background-image: linear-gradient(135deg, #B16CA8 5%, #B26C96 95%);

 

HEX #B16CA8 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #B16CA8 8%, #B26C96 98%);

 

HEX #B26C96 まで HEX #B16C95


CSSコード:

background-image: linear-gradient(135deg, #B26C96 4%, #B16C95 90%);

 

HEX #B26C96 まで HEX #B16C95


CSSコード:

background-image: radial-gradient(circle, #B26C96 2%, #B16C95 94%);

 

HEX #B16C95 まで HEX #B26C96


CSSコード:

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

 

HEX #B16C95 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #B16C95 0%, #B26C96 90%);

 

HEX #B26C96 まで HEX #B16C83


CSSコード:

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

 

HEX #B26C96 まで HEX #B16C83


CSSコード:

background-image: radial-gradient(circle, #B26C96 2%, #B16C83 90%);

 

HEX #B16C83 まで HEX #B26C96


CSSコード:

background-image: linear-gradient(135deg, #B16C83 4%, #B26C96 95%);

 

HEX #B16C83 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #B16C83 3%, #B26C96 95%);

 

HEX #B26C96 まで HEX #B16C70


CSSコード:

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

 

HEX #B26C96 まで HEX #B16C70


CSSコード:

background-image: radial-gradient(circle, #B26C96 1%, #B16C70 97%);

 

HEX #B16C70 まで HEX #B26C96


CSSコード:

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

 

HEX #B16C70 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #B16C70 12%, #B26C96 88%);

リニア

HEX #B26C96 まで HEX #A05481


CSSコード:

background-image: linear-gradient(135deg, #B26C96 0%, #A05481 88%);

ラジアル

HEX #B26C96 まで HEX #A05481


CSSコード:

background-image: radial-gradient(circle, #B26C96 5%, #A05481 96%);

 

HEX #A05481 まで HEX #B26C96


CSSコード:

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

 

HEX #A05481 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #A05481 0%, #B26C96 86%);

 

HEX #B26C96 まで HEX #B16C95


CSSコード:

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

 

HEX #B26C96 まで HEX #B16C95


CSSコード:

background-image: radial-gradient(circle, #B26C96 6%, #B16C95 90%);

 

HEX #B16C95 まで HEX #B26C96


CSSコード:

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

 

HEX #B16C95 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #B16C95 7%, #B26C96 86%);

 

HEX #B26C96 まで HEX #BF87A8


CSSコード:

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

 

HEX #B26C96 まで HEX #BF87A8


CSSコード:

background-image: radial-gradient(circle, #B26C96 12%, #BF87A8 89%);

 

HEX #BF87A8 まで HEX #B26C96


CSSコード:

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

 

HEX #BF87A8 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #BF87A8 4%, #B26C96 96%);

 

HEX #B26C96 まで HEX #CEA2BC


CSSコード:

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

 

HEX #B26C96 まで HEX #CEA2BC


CSSコード:

background-image: radial-gradient(circle, #B26C96 4%, #CEA2BC 86%);

 

HEX #CEA2BC まで HEX #B26C96


CSSコード:

background-image: linear-gradient(135deg, #CEA2BC 3%, #B26C96 96%);

 

HEX #CEA2BC まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #CEA2BC 0%, #B26C96 87%);

リニア

HEX #B26C96 まで HEX #B1956C


CSSコード:

background-image: linear-gradient(135deg, #B26C96 8%, #B1956C 88%);

ラジアル

HEX #B26C96 まで HEX #B1956C


CSSコード:

background-image: radial-gradient(circle, #B26C96 8%, #B1956C 94%);

 

HEX #B1956C まで HEX #B26C96


CSSコード:

background-image: linear-gradient(135deg, #B1956C 2%, #B26C96 90%);

 

HEX #B1956C まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #B1956C 6%, #B26C96 87%);

 

HEX #B26C96 まで HEX #6CB1B1


CSSコード:

background-image: linear-gradient(135deg, #B26C96 10%, #6CB1B1 89%);

 

HEX #B26C96 まで HEX #6CB1B1


CSSコード:

background-image: radial-gradient(circle, #B26C96 12%, #6CB1B1 90%);

 

HEX #6CB1B1 まで HEX #B26C96


CSSコード:

background-image: linear-gradient(135deg, #6CB1B1 12%, #B26C96 88%);

 

HEX #6CB1B1 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #6CB1B1 0%, #B26C96 87%);

リニア

HEX #B26C96 まで HEX #95B16C


CSSコード:

background-image: linear-gradient(135deg, #B26C96 6%, #95B16C 99%);

ラジアル

HEX #B26C96 まで HEX #95B16C


CSSコード:

background-image: radial-gradient(circle, #B26C96 0%, #95B16C 98%);

 

HEX #95B16C まで HEX #B26C96


CSSコード:

background-image: linear-gradient(135deg, #95B16C 4%, #B26C96 89%);

 

HEX #95B16C まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #95B16C 12%, #B26C96 89%);

 

HEX #B26C96 まで HEX #6C95B1


CSSコード:

background-image: linear-gradient(135deg, #B26C96 0%, #6C95B1 100%);

 

HEX #B26C96 まで HEX #6C95B1


CSSコード:

background-image: radial-gradient(circle, #B26C96 14%, #6C95B1 86%);

 

HEX #6C95B1 まで HEX #B26C96


CSSコード:

background-image: linear-gradient(135deg, #6C95B1 12%, #B26C96 97%);

 

HEX #6C95B1 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #6C95B1 8%, #B26C96 87%);

リニア

HEX #B26C96 まで HEX #B1956C


CSSコード:

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

ラジアル

HEX #B26C96 まで HEX #B1956C


CSSコード:

background-image: radial-gradient(circle, #B26C96 12%, #B1956C 90%);

 

HEX #B1956C まで HEX #B26C96


CSSコード:

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

 

HEX #B1956C まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #B1956C 14%, #B26C96 99%);

 

HEX #B26C96 まで HEX #6CB187


CSSコード:

background-image: linear-gradient(135deg, #B26C96 5%, #6CB187 98%);

 

HEX #B26C96 まで HEX #6CB187


CSSコード:

background-image: radial-gradient(circle, #B26C96 2%, #6CB187 92%);

 

HEX #6CB187 まで HEX #B26C96


CSSコード:

background-image: linear-gradient(135deg, #6CB187 8%, #B26C96 99%);

 

HEX #6CB187 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #6CB187 6%, #B26C96 92%);

 

HEX #B26C96 まで HEX #6C87B1


CSSコード:

background-image: linear-gradient(135deg, #B26C96 14%, #6C87B1 93%);

 

HEX #B26C96 まで HEX #6C87B1


CSSコード:

background-image: radial-gradient(circle, #B26C96 11%, #6C87B1 93%);

 

HEX #6C87B1 まで HEX #B26C96


CSSコード:

background-image: linear-gradient(135deg, #6C87B1 8%, #B26C96 97%);

 

HEX #6C87B1 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #6C87B1 0%, #B26C96 100%);

リニア

HEX #B26C96 まで HEX #B1AA6C


CSSコード:

background-image: linear-gradient(135deg, #B26C96 3%, #B1AA6C 100%);

ラジアル

HEX #B26C96 まで HEX #B1AA6C


CSSコード:

background-image: radial-gradient(circle, #B26C96 1%, #B1AA6C 88%);

 

HEX #B1AA6C まで HEX #B26C96


CSSコード:

background-image: linear-gradient(135deg, #B1AA6C 0%, #B26C96 92%);

 

HEX #B1AA6C まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #B1AA6C 7%, #B26C96 90%);

 

HEX #B26C96 まで HEX #6CB187


CSSコード:

background-image: linear-gradient(135deg, #B26C96 7%, #6CB187 97%);

 

HEX #B26C96 まで HEX #6CB187


CSSコード:

background-image: radial-gradient(circle, #B26C96 3%, #6CB187 89%);

 

HEX #6CB187 まで HEX #B26C96


CSSコード:

background-image: linear-gradient(135deg, #6CB187 3%, #B26C96 95%);

 

HEX #6CB187 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #6CB187 7%, #B26C96 92%);

 

HEX #B26C96 まで HEX #6C72B1


CSSコード:

background-image: linear-gradient(135deg, #B26C96 5%, #6C72B1 97%);

 

HEX #B26C96 まで HEX #6C72B1


CSSコード:

background-image: radial-gradient(circle, #B26C96 7%, #6C72B1 87%);

 

HEX #6C72B1 まで HEX #B26C96


CSSコード:

background-image: linear-gradient(135deg, #6C72B1 12%, #B26C96 96%);

 

HEX #6C72B1 まで HEX #B26C96


CSSコード:

background-image: radial-gradient(circle, #6C72B1 8%, #B26C96 98%);

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

サービス内容

カラー

ラグビー に 呪咀

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