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

✕
error rgb: 18.1_108.8_85

CSS グラデーション:
RGB 18.1 108.8 85

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #126C55 まで HEX #EC92AA


CSSコード:

background-image: linear-gradient(135deg, #126C55 2%, #EC92AA 93%);

ラジアル

HEX #126C55 まで HEX #EC92AA


CSSコード:

background-image: radial-gradient(circle, #126C55 4%, #EC92AA 94%);

 

HEX #EC92AA まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #EC92AA 10%, #126C55 92%);

 

HEX #EC92AA まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #EC92AA 13%, #126C55 95%);

リニア

HEX #126C55 まで HEX #126D3C


CSSコード:

background-image: linear-gradient(135deg, #126C55 1%, #126D3C 91%);

ラジアル

HEX #126C55 まで HEX #126D3C


CSSコード:

background-image: radial-gradient(circle, #126C55 5%, #126D3C 90%);

 

HEX #126D3C まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #126D3C 1%, #126C55 91%);

 

HEX #126D3C まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #126D3C 7%, #126C55 88%);

 

HEX #126C55 まで HEX #126D54


CSSコード:

background-image: linear-gradient(135deg, #126C55 2%, #126D54 94%);

 

HEX #126C55 まで HEX #126D54


CSSコード:

background-image: radial-gradient(circle, #126C55 8%, #126D54 93%);

 

HEX #126D54 まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #126D54 2%, #126C55 98%);

 

HEX #126D54 まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #126D54 14%, #126C55 89%);

 

HEX #126C55 まで HEX #126D6D


CSSコード:

background-image: linear-gradient(135deg, #126C55 12%, #126D6D 88%);

 

HEX #126C55 まで HEX #126D6D


CSSコード:

background-image: radial-gradient(circle, #126C55 0%, #126D6D 87%);

 

HEX #126D6D まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #126D6D 8%, #126C55 86%);

 

HEX #126D6D まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #126D6D 3%, #126C55 97%);

 

HEX #126C55 まで HEX #12546D


CSSコード:

background-image: linear-gradient(135deg, #126C55 1%, #12546D 97%);

 

HEX #126C55 まで HEX #12546D


CSSコード:

background-image: radial-gradient(circle, #126C55 14%, #12546D 100%);

 

HEX #12546D まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #12546D 0%, #126C55 94%);

 

HEX #12546D まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #12546D 1%, #126C55 92%);

リニア

HEX #126C55 まで HEX #0C4939


CSSコード:

background-image: linear-gradient(135deg, #126C55 7%, #0C4939 95%);

ラジアル

HEX #126C55 まで HEX #0C4939


CSSコード:

background-image: radial-gradient(circle, #126C55 1%, #0C4939 87%);

 

HEX #0C4939 まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #0C4939 4%, #126C55 88%);

 

HEX #0C4939 まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #0C4939 9%, #126C55 94%);

 

HEX #126C55 まで HEX #126D55


CSSコード:

background-image: linear-gradient(135deg, #126C55 9%, #126D55 87%);

 

HEX #126C55 まで HEX #126D55


CSSコード:

background-image: radial-gradient(circle, #126C55 11%, #126D55 92%);

 

HEX #126D55 まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #126D55 3%, #126C55 87%);

 

HEX #126D55 まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #126D55 13%, #126C55 100%);

 

HEX #126C55 まで HEX #189070


CSSコード:

background-image: linear-gradient(135deg, #126C55 3%, #189070 91%);

 

HEX #126C55 まで HEX #189070


CSSコード:

background-image: radial-gradient(circle, #126C55 5%, #189070 97%);

 

HEX #189070 まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #189070 14%, #126C55 89%);

 

HEX #189070 まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #189070 1%, #126C55 86%);

 

HEX #126C55 まで HEX #1EB38C


CSSコード:

background-image: linear-gradient(135deg, #126C55 8%, #1EB38C 95%);

 

HEX #126C55 まで HEX #1EB38C


CSSコード:

background-image: radial-gradient(circle, #126C55 6%, #1EB38C 89%);

 

HEX #1EB38C まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #1EB38C 1%, #126C55 90%);

 

HEX #1EB38C まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #1EB38C 4%, #126C55 95%);

リニア

HEX #126C55 まで HEX #126D3C


CSSコード:

background-image: linear-gradient(135deg, #126C55 6%, #126D3C 89%);

ラジアル

HEX #126C55 まで HEX #126D3C


CSSコード:

background-image: radial-gradient(circle, #126C55 6%, #126D3C 100%);

 

HEX #126D3C まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #126D3C 9%, #126C55 89%);

 

HEX #126D3C まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #126D3C 8%, #126C55 88%);

 

HEX #126C55 まで HEX #126D54


CSSコード:

background-image: linear-gradient(135deg, #126C55 13%, #126D54 88%);

 

HEX #126C55 まで HEX #126D54


CSSコード:

background-image: radial-gradient(circle, #126C55 11%, #126D54 100%);

 

HEX #126D54 まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #126D54 6%, #126C55 96%);

 

HEX #126D54 まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #126D54 8%, #126C55 92%);

 

HEX #126C55 まで HEX #126D6D


CSSコード:

background-image: linear-gradient(135deg, #126C55 14%, #126D6D 100%);

 

HEX #126C55 まで HEX #126D6D


CSSコード:

background-image: radial-gradient(circle, #126C55 11%, #126D6D 96%);

 

HEX #126D6D まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #126D6D 13%, #126C55 96%);

 

HEX #126D6D まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #126D6D 5%, #126C55 100%);

 

HEX #126C55 まで HEX #12546D


CSSコード:

background-image: linear-gradient(135deg, #126C55 2%, #12546D 96%);

 

HEX #126C55 まで HEX #12546D


CSSコード:

background-image: radial-gradient(circle, #126C55 10%, #12546D 95%);

 

HEX #12546D まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #12546D 13%, #126C55 88%);

 

HEX #12546D まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #12546D 9%, #126C55 91%);

リニア

HEX #126C55 まで HEX #0C4939


CSSコード:

background-image: linear-gradient(135deg, #126C55 9%, #0C4939 86%);

ラジアル

HEX #126C55 まで HEX #0C4939


CSSコード:

background-image: radial-gradient(circle, #126C55 7%, #0C4939 88%);

 

HEX #0C4939 まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #0C4939 3%, #126C55 90%);

 

HEX #0C4939 まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #0C4939 9%, #126C55 94%);

 

HEX #126C55 まで HEX #126D55


CSSコード:

background-image: linear-gradient(135deg, #126C55 10%, #126D55 87%);

 

HEX #126C55 まで HEX #126D55


CSSコード:

background-image: radial-gradient(circle, #126C55 13%, #126D55 99%);

 

HEX #126D55 まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #126D55 13%, #126C55 98%);

 

HEX #126D55 まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #126D55 8%, #126C55 95%);

 

HEX #126C55 まで HEX #189070


CSSコード:

background-image: linear-gradient(135deg, #126C55 8%, #189070 86%);

 

HEX #126C55 まで HEX #189070


CSSコード:

background-image: radial-gradient(circle, #126C55 6%, #189070 89%);

 

HEX #189070 まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #189070 1%, #126C55 86%);

 

HEX #189070 まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #189070 8%, #126C55 96%);

 

HEX #126C55 まで HEX #1EB38C


CSSコード:

background-image: linear-gradient(135deg, #126C55 12%, #1EB38C 87%);

 

HEX #126C55 まで HEX #1EB38C


CSSコード:

background-image: radial-gradient(circle, #126C55 12%, #1EB38C 98%);

 

HEX #1EB38C まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #1EB38C 3%, #126C55 100%);

 

HEX #1EB38C まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #1EB38C 6%, #126C55 86%);

リニア

HEX #126C55 まで HEX #12186D


CSSコード:

background-image: linear-gradient(135deg, #126C55 0%, #12186D 90%);

ラジアル

HEX #126C55 まで HEX #12186D


CSSコード:

background-image: radial-gradient(circle, #126C55 3%, #12186D 95%);

 

HEX #12186D まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #12186D 3%, #126C55 92%);

 

HEX #12186D まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #12186D 9%, #126C55 89%);

 

HEX #126C55 まで HEX #6D3012


CSSコード:

background-image: linear-gradient(135deg, #126C55 12%, #6D3012 91%);

 

HEX #126C55 まで HEX #6D3012


CSSコード:

background-image: radial-gradient(circle, #126C55 9%, #6D3012 92%);

 

HEX #6D3012 まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #6D3012 2%, #126C55 97%);

 

HEX #6D3012 まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #6D3012 11%, #126C55 88%);

リニア

HEX #126C55 まで HEX #54126D


CSSコード:

background-image: linear-gradient(135deg, #126C55 4%, #54126D 89%);

ラジアル

HEX #126C55 まで HEX #54126D


CSSコード:

background-image: radial-gradient(circle, #126C55 13%, #54126D 93%);

 

HEX #54126D まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #54126D 8%, #126C55 87%);

 

HEX #54126D まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #54126D 10%, #126C55 86%);

 

HEX #126C55 まで HEX #6D5412


CSSコード:

background-image: linear-gradient(135deg, #126C55 8%, #6D5412 100%);

 

HEX #126C55 まで HEX #6D5412


CSSコード:

background-image: radial-gradient(circle, #126C55 11%, #6D5412 92%);

 

HEX #6D5412 まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #6D5412 9%, #126C55 96%);

 

HEX #6D5412 まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #6D5412 10%, #126C55 92%);

リニア

HEX #126C55 まで HEX #12186D


CSSコード:

background-image: linear-gradient(135deg, #126C55 3%, #12186D 86%);

ラジアル

HEX #126C55 まで HEX #12186D


CSSコード:

background-image: radial-gradient(circle, #126C55 10%, #12186D 88%);

 

HEX #12186D まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #12186D 1%, #126C55 99%);

 

HEX #12186D まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #12186D 6%, #126C55 87%);

 

HEX #126C55 まで HEX #6D122A


CSSコード:

background-image: linear-gradient(135deg, #126C55 0%, #6D122A 93%);

 

HEX #126C55 まで HEX #6D122A


CSSコード:

background-image: radial-gradient(circle, #126C55 7%, #6D122A 93%);

 

HEX #6D122A まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #6D122A 8%, #126C55 90%);

 

HEX #6D122A まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #6D122A 9%, #126C55 97%);

 

HEX #126C55 まで HEX #6D6612


CSSコード:

background-image: linear-gradient(135deg, #126C55 11%, #6D6612 95%);

 

HEX #126C55 まで HEX #6D6612


CSSコード:

background-image: radial-gradient(circle, #126C55 13%, #6D6612 97%);

 

HEX #6D6612 まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #6D6612 0%, #126C55 93%);

 

HEX #6D6612 まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #6D6612 2%, #126C55 99%);

リニア

HEX #126C55 まで HEX #27126D


CSSコード:

background-image: linear-gradient(135deg, #126C55 14%, #27126D 99%);

ラジアル

HEX #126C55 まで HEX #27126D


CSSコード:

background-image: radial-gradient(circle, #126C55 5%, #27126D 89%);

 

HEX #27126D まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #27126D 0%, #126C55 92%);

 

HEX #27126D まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #27126D 3%, #126C55 91%);

 

HEX #126C55 まで HEX #6D122A


CSSコード:

background-image: linear-gradient(135deg, #126C55 14%, #6D122A 89%);

 

HEX #126C55 まで HEX #6D122A


CSSコード:

background-image: radial-gradient(circle, #126C55 4%, #6D122A 98%);

 

HEX #6D122A まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #6D122A 1%, #126C55 92%);

 

HEX #6D122A まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #6D122A 9%, #126C55 95%);

 

HEX #126C55 まで HEX #576D12


CSSコード:

background-image: linear-gradient(135deg, #126C55 2%, #576D12 92%);

 

HEX #126C55 まで HEX #576D12


CSSコード:

background-image: radial-gradient(circle, #126C55 7%, #576D12 88%);

 

HEX #576D12 まで HEX #126C55


CSSコード:

background-image: linear-gradient(135deg, #576D12 12%, #126C55 88%);

 

HEX #576D12 まで HEX #126C55


CSSコード:

background-image: radial-gradient(circle, #576D12 3%, #126C55 89%);

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

サービス内容

カラー

ラグビー に 呪咀

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