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

✕
error rgb: 80_90.8_40.4

CSS グラデーション:
RGB 80 90.8 40.4

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #505A28 まで HEX #AFA4D6


CSSコード:

background-image: linear-gradient(135deg, #505A28 14%, #AFA4D6 96%);

ラジアル

HEX #505A28 まで HEX #AFA4D6


CSSコード:

background-image: radial-gradient(circle, #505A28 7%, #AFA4D6 94%);

 

HEX #AFA4D6 まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #AFA4D6 4%, #505A28 88%);

 

HEX #AFA4D6 まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #AFA4D6 6%, #505A28 88%);

リニア

HEX #505A28 まで HEX #5B5829


CSSコード:

background-image: linear-gradient(135deg, #505A28 14%, #5B5829 96%);

ラジアル

HEX #505A28 まで HEX #5B5829


CSSコード:

background-image: radial-gradient(circle, #505A28 11%, #5B5829 99%);

 

HEX #5B5829 まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #5B5829 1%, #505A28 88%);

 

HEX #5B5829 まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #5B5829 11%, #505A28 100%);

 

HEX #505A28 まで HEX #515B29


CSSコード:

background-image: linear-gradient(135deg, #505A28 14%, #515B29 91%);

 

HEX #505A28 まで HEX #515B29


CSSコード:

background-image: radial-gradient(circle, #505A28 9%, #515B29 94%);

 

HEX #515B29 まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #515B29 2%, #505A28 88%);

 

HEX #515B29 まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #515B29 2%, #505A28 98%);

 

HEX #505A28 まで HEX #435B29


CSSコード:

background-image: linear-gradient(135deg, #505A28 10%, #435B29 90%);

 

HEX #505A28 まで HEX #435B29


CSSコード:

background-image: radial-gradient(circle, #505A28 3%, #435B29 89%);

 

HEX #435B29 まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #435B29 5%, #505A28 88%);

 

HEX #435B29 まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #435B29 5%, #505A28 99%);

 

HEX #505A28 まで HEX #365B29


CSSコード:

background-image: linear-gradient(135deg, #505A28 12%, #365B29 96%);

 

HEX #505A28 まで HEX #365B29


CSSコード:

background-image: radial-gradient(circle, #505A28 3%, #365B29 88%);

 

HEX #365B29 まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #365B29 2%, #505A28 91%);

 

HEX #365B29 まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #365B29 11%, #505A28 96%);

リニア

HEX #505A28 まで HEX #373F1C


CSSコード:

background-image: linear-gradient(135deg, #505A28 2%, #373F1C 98%);

ラジアル

HEX #505A28 まで HEX #373F1C


CSSコード:

background-image: radial-gradient(circle, #505A28 11%, #373F1C 94%);

 

HEX #373F1C まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #373F1C 12%, #505A28 89%);

 

HEX #373F1C まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #373F1C 8%, #505A28 88%);

 

HEX #505A28 まで HEX #505B29


CSSコード:

background-image: linear-gradient(135deg, #505A28 4%, #505B29 92%);

 

HEX #505A28 まで HEX #505B29


CSSコード:

background-image: radial-gradient(circle, #505A28 4%, #505B29 95%);

 

HEX #505B29 まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #505B29 12%, #505A28 93%);

 

HEX #505B29 まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #505B29 13%, #505A28 91%);

 

HEX #505A28 まで HEX #697735


CSSコード:

background-image: linear-gradient(135deg, #505A28 5%, #697735 87%);

 

HEX #505A28 まで HEX #697735


CSSコード:

background-image: radial-gradient(circle, #505A28 0%, #697735 89%);

 

HEX #697735 まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #697735 6%, #505A28 100%);

 

HEX #697735 まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #697735 13%, #505A28 96%);

 

HEX #505A28 まで HEX #829442


CSSコード:

background-image: linear-gradient(135deg, #505A28 10%, #829442 94%);

 

HEX #505A28 まで HEX #829442


CSSコード:

background-image: radial-gradient(circle, #505A28 13%, #829442 100%);

 

HEX #829442 まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #829442 10%, #505A28 94%);

 

HEX #829442 まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #829442 3%, #505A28 98%);

リニア

HEX #505A28 まで HEX #5B5829


CSSコード:

background-image: linear-gradient(135deg, #505A28 13%, #5B5829 96%);

ラジアル

HEX #505A28 まで HEX #5B5829


CSSコード:

background-image: radial-gradient(circle, #505A28 3%, #5B5829 100%);

 

HEX #5B5829 まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #5B5829 11%, #505A28 89%);

 

HEX #5B5829 まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #5B5829 8%, #505A28 97%);

 

HEX #505A28 まで HEX #515B29


CSSコード:

background-image: linear-gradient(135deg, #505A28 7%, #515B29 99%);

 

HEX #505A28 まで HEX #515B29


CSSコード:

background-image: radial-gradient(circle, #505A28 2%, #515B29 98%);

 

HEX #515B29 まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #515B29 7%, #505A28 88%);

 

HEX #515B29 まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #515B29 1%, #505A28 91%);

 

HEX #505A28 まで HEX #435B29


CSSコード:

background-image: linear-gradient(135deg, #505A28 7%, #435B29 91%);

 

HEX #505A28 まで HEX #435B29


CSSコード:

background-image: radial-gradient(circle, #505A28 4%, #435B29 99%);

 

HEX #435B29 まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #435B29 0%, #505A28 90%);

 

HEX #435B29 まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #435B29 7%, #505A28 99%);

 

HEX #505A28 まで HEX #365B29


CSSコード:

background-image: linear-gradient(135deg, #505A28 13%, #365B29 94%);

 

HEX #505A28 まで HEX #365B29


CSSコード:

background-image: radial-gradient(circle, #505A28 7%, #365B29 97%);

 

HEX #365B29 まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #365B29 8%, #505A28 94%);

 

HEX #365B29 まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #365B29 8%, #505A28 88%);

リニア

HEX #505A28 まで HEX #373F1C


CSSコード:

background-image: linear-gradient(135deg, #505A28 3%, #373F1C 86%);

ラジアル

HEX #505A28 まで HEX #373F1C


CSSコード:

background-image: radial-gradient(circle, #505A28 12%, #373F1C 86%);

 

HEX #373F1C まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #373F1C 2%, #505A28 91%);

 

HEX #373F1C まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #373F1C 1%, #505A28 94%);

 

HEX #505A28 まで HEX #505B29


CSSコード:

background-image: linear-gradient(135deg, #505A28 7%, #505B29 98%);

 

HEX #505A28 まで HEX #505B29


CSSコード:

background-image: radial-gradient(circle, #505A28 9%, #505B29 98%);

 

HEX #505B29 まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #505B29 0%, #505A28 87%);

 

HEX #505B29 まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #505B29 7%, #505A28 92%);

 

HEX #505A28 まで HEX #697735


CSSコード:

background-image: linear-gradient(135deg, #505A28 4%, #697735 99%);

 

HEX #505A28 まで HEX #697735


CSSコード:

background-image: radial-gradient(circle, #505A28 13%, #697735 88%);

 

HEX #697735 まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #697735 14%, #505A28 87%);

 

HEX #697735 まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #697735 10%, #505A28 92%);

 

HEX #505A28 まで HEX #829442


CSSコード:

background-image: linear-gradient(135deg, #505A28 13%, #829442 87%);

 

HEX #505A28 まで HEX #829442


CSSコード:

background-image: radial-gradient(circle, #505A28 6%, #829442 96%);

 

HEX #829442 まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #829442 13%, #505A28 94%);

 

HEX #829442 まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #829442 5%, #505A28 88%);

リニア

HEX #505A28 まで HEX #295B3D


CSSコード:

background-image: linear-gradient(135deg, #505A28 1%, #295B3D 97%);

ラジアル

HEX #505A28 まで HEX #295B3D


CSSコード:

background-image: radial-gradient(circle, #505A28 0%, #295B3D 88%);

 

HEX #295B3D まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #295B3D 7%, #505A28 98%);

 

HEX #295B3D まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #295B3D 0%, #505A28 89%);

 

HEX #505A28 まで HEX #51295B


CSSコード:

background-image: linear-gradient(135deg, #505A28 8%, #51295B 98%);

 

HEX #505A28 まで HEX #51295B


CSSコード:

background-image: radial-gradient(circle, #505A28 0%, #51295B 94%);

 

HEX #51295B まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #51295B 12%, #505A28 88%);

 

HEX #51295B まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #51295B 10%, #505A28 91%);

リニア

HEX #505A28 まで HEX #29515B


CSSコード:

background-image: linear-gradient(135deg, #505A28 7%, #29515B 87%);

ラジアル

HEX #505A28 まで HEX #29515B


CSSコード:

background-image: radial-gradient(circle, #505A28 1%, #29515B 93%);

 

HEX #29515B まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #29515B 8%, #505A28 97%);

 

HEX #29515B まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #29515B 5%, #505A28 100%);

 

HEX #505A28 まで HEX #5B2951


CSSコード:

background-image: linear-gradient(135deg, #505A28 7%, #5B2951 86%);

 

HEX #505A28 まで HEX #5B2951


CSSコード:

background-image: radial-gradient(circle, #505A28 8%, #5B2951 98%);

 

HEX #5B2951 まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #5B2951 13%, #505A28 94%);

 

HEX #5B2951 まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #5B2951 6%, #505A28 99%);

リニア

HEX #505A28 まで HEX #295B3D


CSSコード:

background-image: linear-gradient(135deg, #505A28 1%, #295B3D 89%);

ラジアル

HEX #505A28 まで HEX #295B3D


CSSコード:

background-image: radial-gradient(circle, #505A28 13%, #295B3D 99%);

 

HEX #295B3D まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #295B3D 9%, #505A28 98%);

 

HEX #295B3D まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #295B3D 9%, #505A28 86%);

 

HEX #505A28 まで HEX #33295B


CSSコード:

background-image: linear-gradient(135deg, #505A28 10%, #33295B 97%);

 

HEX #505A28 まで HEX #33295B


CSSコード:

background-image: radial-gradient(circle, #505A28 3%, #33295B 87%);

 

HEX #33295B まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #33295B 1%, #505A28 94%);

 

HEX #33295B まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #33295B 2%, #505A28 100%);

 

HEX #505A28 まで HEX #5B2947


CSSコード:

background-image: linear-gradient(135deg, #505A28 2%, #5B2947 100%);

 

HEX #505A28 まで HEX #5B2947


CSSコード:

background-image: radial-gradient(circle, #505A28 14%, #5B2947 89%);

 

HEX #5B2947 まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #5B2947 9%, #505A28 98%);

 

HEX #5B2947 まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #5B2947 7%, #505A28 88%);

リニア

HEX #505A28 まで HEX #295B4C


CSSコード:

background-image: linear-gradient(135deg, #505A28 6%, #295B4C 94%);

ラジアル

HEX #505A28 まで HEX #295B4C


CSSコード:

background-image: radial-gradient(circle, #505A28 4%, #295B4C 97%);

 

HEX #295B4C まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #295B4C 4%, #505A28 91%);

 

HEX #295B4C まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #295B4C 9%, #505A28 94%);

 

HEX #505A28 まで HEX #33295B


CSSコード:

background-image: linear-gradient(135deg, #505A28 3%, #33295B 87%);

 

HEX #505A28 まで HEX #33295B


CSSコード:

background-image: radial-gradient(circle, #505A28 12%, #33295B 86%);

 

HEX #33295B まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #33295B 4%, #505A28 96%);

 

HEX #33295B まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #33295B 3%, #505A28 97%);

 

HEX #505A28 まで HEX #5B2938


CSSコード:

background-image: linear-gradient(135deg, #505A28 13%, #5B2938 99%);

 

HEX #505A28 まで HEX #5B2938


CSSコード:

background-image: radial-gradient(circle, #505A28 1%, #5B2938 100%);

 

HEX #5B2938 まで HEX #505A28


CSSコード:

background-image: linear-gradient(135deg, #5B2938 12%, #505A28 98%);

 

HEX #5B2938 まで HEX #505A28


CSSコード:

background-image: radial-gradient(circle, #5B2938 12%, #505A28 97%);

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

サービス内容

カラー

ラグビー に 呪咀

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