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

✕
error rgb: 85_110.2_82.6

CSS グラデーション:
RGB 85 110.2 82.6

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

色値が他と比べて低いため、私たちにはこの色合いが濃く見える。

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #556E52 まで HEX #AA90AC


CSSコード:

background-image: linear-gradient(135deg, #556E52 4%, #AA90AC 99%);

ラジアル

HEX #556E52 まで HEX #AA90AC


CSSコード:

background-image: radial-gradient(circle, #556E52 11%, #AA90AC 90%);

 

HEX #AA90AC まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #AA90AC 9%, #556E52 90%);

 

HEX #AA90AC まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #AA90AC 1%, #556E52 96%);

リニア

HEX #556E52 まで HEX #5D6E53


CSSコード:

background-image: linear-gradient(135deg, #556E52 14%, #5D6E53 99%);

ラジアル

HEX #556E52 まで HEX #5D6E53


CSSコード:

background-image: radial-gradient(circle, #556E52 11%, #5D6E53 96%);

 

HEX #5D6E53 まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #5D6E53 1%, #556E52 94%);

 

HEX #5D6E53 まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #5D6E53 2%, #556E52 99%);

 

HEX #556E52 まで HEX #566E53


CSSコード:

background-image: linear-gradient(135deg, #556E52 13%, #566E53 97%);

 

HEX #556E52 まで HEX #566E53


CSSコード:

background-image: radial-gradient(circle, #556E52 2%, #566E53 99%);

 

HEX #566E53 まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #566E53 9%, #556E52 100%);

 

HEX #566E53 まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #566E53 1%, #556E52 96%);

 

HEX #556E52 まで HEX #536E57


CSSコード:

background-image: linear-gradient(135deg, #556E52 5%, #536E57 90%);

 

HEX #556E52 まで HEX #536E57


CSSコード:

background-image: radial-gradient(circle, #556E52 0%, #536E57 92%);

 

HEX #536E57 まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #536E57 14%, #556E52 90%);

 

HEX #536E57 まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #536E57 8%, #556E52 94%);

 

HEX #556E52 まで HEX #536E5F


CSSコード:

background-image: linear-gradient(135deg, #556E52 11%, #536E5F 86%);

 

HEX #556E52 まで HEX #536E5F


CSSコード:

background-image: radial-gradient(circle, #556E52 3%, #536E5F 97%);

 

HEX #536E5F まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #536E5F 13%, #556E52 96%);

 

HEX #536E5F まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #536E5F 6%, #556E52 100%);

リニア

HEX #556E52 まで HEX #435641


CSSコード:

background-image: linear-gradient(135deg, #556E52 3%, #435641 99%);

ラジアル

HEX #556E52 まで HEX #435641


CSSコード:

background-image: radial-gradient(circle, #556E52 10%, #435641 99%);

 

HEX #435641 まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #435641 2%, #556E52 87%);

 

HEX #435641 まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #435641 14%, #556E52 98%);

 

HEX #556E52 まで HEX #556E53


CSSコード:

background-image: linear-gradient(135deg, #556E52 6%, #556E53 87%);

 

HEX #556E52 まで HEX #556E53


CSSコード:

background-image: radial-gradient(circle, #556E52 11%, #556E53 94%);

 

HEX #556E53 まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #556E53 14%, #556E52 98%);

 

HEX #556E53 まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #556E53 3%, #556E52 97%);

 

HEX #556E52 まで HEX #678565


CSSコード:

background-image: linear-gradient(135deg, #556E52 9%, #678565 91%);

 

HEX #556E52 まで HEX #678565


CSSコード:

background-image: radial-gradient(circle, #556E52 6%, #678565 90%);

 

HEX #678565 まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #678565 9%, #556E52 93%);

 

HEX #678565 まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #678565 12%, #556E52 87%);

 

HEX #556E52 まで HEX #7C9A79


CSSコード:

background-image: linear-gradient(135deg, #556E52 6%, #7C9A79 97%);

 

HEX #556E52 まで HEX #7C9A79


CSSコード:

background-image: radial-gradient(circle, #556E52 0%, #7C9A79 97%);

 

HEX #7C9A79 まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #7C9A79 1%, #556E52 96%);

 

HEX #7C9A79 まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #7C9A79 10%, #556E52 99%);

リニア

HEX #556E52 まで HEX #5D6E53


CSSコード:

background-image: linear-gradient(135deg, #556E52 3%, #5D6E53 97%);

ラジアル

HEX #556E52 まで HEX #5D6E53


CSSコード:

background-image: radial-gradient(circle, #556E52 3%, #5D6E53 93%);

 

HEX #5D6E53 まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #5D6E53 6%, #556E52 89%);

 

HEX #5D6E53 まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #5D6E53 8%, #556E52 96%);

 

HEX #556E52 まで HEX #566E53


CSSコード:

background-image: linear-gradient(135deg, #556E52 12%, #566E53 95%);

 

HEX #556E52 まで HEX #566E53


CSSコード:

background-image: radial-gradient(circle, #556E52 14%, #566E53 99%);

 

HEX #566E53 まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #566E53 14%, #556E52 88%);

 

HEX #566E53 まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #566E53 14%, #556E52 91%);

 

HEX #556E52 まで HEX #536E57


CSSコード:

background-image: linear-gradient(135deg, #556E52 6%, #536E57 89%);

 

HEX #556E52 まで HEX #536E57


CSSコード:

background-image: radial-gradient(circle, #556E52 9%, #536E57 99%);

 

HEX #536E57 まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #536E57 12%, #556E52 87%);

 

HEX #536E57 まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #536E57 14%, #556E52 99%);

 

HEX #556E52 まで HEX #536E5F


CSSコード:

background-image: linear-gradient(135deg, #556E52 7%, #536E5F 96%);

 

HEX #556E52 まで HEX #536E5F


CSSコード:

background-image: radial-gradient(circle, #556E52 1%, #536E5F 98%);

 

HEX #536E5F まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #536E5F 0%, #556E52 90%);

 

HEX #536E5F まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #536E5F 7%, #556E52 94%);

リニア

HEX #556E52 まで HEX #435641


CSSコード:

background-image: linear-gradient(135deg, #556E52 12%, #435641 91%);

ラジアル

HEX #556E52 まで HEX #435641


CSSコード:

background-image: radial-gradient(circle, #556E52 7%, #435641 88%);

 

HEX #435641 まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #435641 12%, #556E52 89%);

 

HEX #435641 まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #435641 9%, #556E52 86%);

 

HEX #556E52 まで HEX #556E53


CSSコード:

background-image: linear-gradient(135deg, #556E52 14%, #556E53 87%);

 

HEX #556E52 まで HEX #556E53


CSSコード:

background-image: radial-gradient(circle, #556E52 13%, #556E53 92%);

 

HEX #556E53 まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #556E53 2%, #556E52 96%);

 

HEX #556E53 まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #556E53 3%, #556E52 94%);

 

HEX #556E52 まで HEX #678565


CSSコード:

background-image: linear-gradient(135deg, #556E52 10%, #678565 95%);

 

HEX #556E52 まで HEX #678565


CSSコード:

background-image: radial-gradient(circle, #556E52 0%, #678565 98%);

 

HEX #678565 まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #678565 13%, #556E52 91%);

 

HEX #678565 まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #678565 11%, #556E52 95%);

 

HEX #556E52 まで HEX #7C9A79


CSSコード:

background-image: linear-gradient(135deg, #556E52 2%, #7C9A79 98%);

 

HEX #556E52 まで HEX #7C9A79


CSSコード:

background-image: radial-gradient(circle, #556E52 6%, #7C9A79 97%);

 

HEX #7C9A79 まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #7C9A79 4%, #556E52 86%);

 

HEX #7C9A79 まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #7C9A79 9%, #556E52 95%);

リニア

HEX #556E52 まで HEX #536B6E


CSSコード:

background-image: linear-gradient(135deg, #556E52 10%, #536B6E 90%);

ラジアル

HEX #556E52 まで HEX #536B6E


CSSコード:

background-image: radial-gradient(circle, #556E52 8%, #536B6E 88%);

 

HEX #536B6E まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #536B6E 5%, #556E52 94%);

 

HEX #536B6E まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #536B6E 3%, #556E52 92%);

 

HEX #556E52 まで HEX #6E5360


CSSコード:

background-image: linear-gradient(135deg, #556E52 5%, #6E5360 93%);

 

HEX #556E52 まで HEX #6E5360


CSSコード:

background-image: radial-gradient(circle, #556E52 10%, #6E5360 93%);

 

HEX #6E5360 まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #6E5360 14%, #556E52 95%);

 

HEX #6E5360 まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #6E5360 8%, #556E52 87%);

リニア

HEX #556E52 まで HEX #53566E


CSSコード:

background-image: linear-gradient(135deg, #556E52 8%, #53566E 87%);

ラジアル

HEX #556E52 まで HEX #53566E


CSSコード:

background-image: radial-gradient(circle, #556E52 1%, #53566E 97%);

 

HEX #53566E まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #53566E 10%, #556E52 93%);

 

HEX #53566E まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #53566E 4%, #556E52 100%);

 

HEX #556E52 まで HEX #6E5356


CSSコード:

background-image: linear-gradient(135deg, #556E52 8%, #6E5356 95%);

 

HEX #556E52 まで HEX #6E5356


CSSコード:

background-image: radial-gradient(circle, #556E52 7%, #6E5356 87%);

 

HEX #6E5356 まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #6E5356 14%, #556E52 94%);

 

HEX #6E5356 まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #6E5356 7%, #556E52 100%);

リニア

HEX #556E52 まで HEX #536B6E


CSSコード:

background-image: linear-gradient(135deg, #556E52 5%, #536B6E 99%);

ラジアル

HEX #556E52 まで HEX #536B6E


CSSコード:

background-image: radial-gradient(circle, #556E52 4%, #536B6E 92%);

 

HEX #536B6E まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #536B6E 14%, #556E52 92%);

 

HEX #536B6E まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #536B6E 2%, #556E52 93%);

 

HEX #556E52 まで HEX #6B536E


CSSコード:

background-image: linear-gradient(135deg, #556E52 3%, #6B536E 100%);

 

HEX #556E52 まで HEX #6B536E


CSSコード:

background-image: radial-gradient(circle, #556E52 2%, #6B536E 96%);

 

HEX #6B536E まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #6B536E 4%, #556E52 87%);

 

HEX #6B536E まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #6B536E 12%, #556E52 98%);

 

HEX #556E52 まで HEX #6E5653


CSSコード:

background-image: linear-gradient(135deg, #556E52 8%, #6E5653 94%);

 

HEX #556E52 まで HEX #6E5653


CSSコード:

background-image: radial-gradient(circle, #556E52 6%, #6E5653 100%);

 

HEX #6E5653 まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #6E5653 0%, #556E52 96%);

 

HEX #6E5653 まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #6E5653 2%, #556E52 93%);

リニア

HEX #556E52 まで HEX #53636E


CSSコード:

background-image: linear-gradient(135deg, #556E52 14%, #53636E 91%);

ラジアル

HEX #556E52 まで HEX #53636E


CSSコード:

background-image: radial-gradient(circle, #556E52 8%, #53636E 98%);

 

HEX #53636E まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #53636E 6%, #556E52 92%);

 

HEX #53636E まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #53636E 5%, #556E52 94%);

 

HEX #556E52 まで HEX #6B536E


CSSコード:

background-image: linear-gradient(135deg, #556E52 7%, #6B536E 89%);

 

HEX #556E52 まで HEX #6B536E


CSSコード:

background-image: radial-gradient(circle, #556E52 3%, #6B536E 90%);

 

HEX #6B536E まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #6B536E 11%, #556E52 93%);

 

HEX #6B536E まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #6B536E 10%, #556E52 96%);

 

HEX #556E52 まで HEX #6E5E53


CSSコード:

background-image: linear-gradient(135deg, #556E52 1%, #6E5E53 100%);

 

HEX #556E52 まで HEX #6E5E53


CSSコード:

background-image: radial-gradient(circle, #556E52 9%, #6E5E53 97%);

 

HEX #6E5E53 まで HEX #556E52


CSSコード:

background-image: linear-gradient(135deg, #6E5E53 6%, #556E52 91%);

 

HEX #6E5E53 まで HEX #556E52


CSSコード:

background-image: radial-gradient(circle, #6E5E53 5%, #556E52 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