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

✕

CSS グラデーション:
CMYK 7 / 8 / 0 / 26

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #AFAEBD まで HEX #505142


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 11%, #505142 91%);

ラジアル

HEX #AFAEBD まで HEX #505142


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 12%, #505142 99%);

 

HEX #505142 まで HEX #AFAEBD


CSSコード:

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

 

HEX #505142 まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #505142 1%, #AFAEBD 88%);

リニア

HEX #AFAEBD まで HEX #ADB0BC


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 11%, #ADB0BC 86%);

ラジアル

HEX #AFAEBD まで HEX #ADB0BC


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 8%, #ADB0BC 100%);

 

HEX #ADB0BC まで HEX #AFAEBD


CSSコード:

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

 

HEX #ADB0BC まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #ADB0BC 10%, #AFAEBD 86%);

 

HEX #AFAEBD まで HEX #AEADBC


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 9%, #AEADBC 87%);

 

HEX #AFAEBD まで HEX #AEADBC


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 6%, #AEADBC 86%);

 

HEX #AEADBC まで HEX #AFAEBD


CSSコード:

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

 

HEX #AEADBC まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #AEADBC 14%, #AFAEBD 96%);

 

HEX #AFAEBD まで HEX #B2ADBC


CSSコード:

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

 

HEX #AFAEBD まで HEX #B2ADBC


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 13%, #B2ADBC 96%);

 

HEX #B2ADBC まで HEX #AFAEBD


CSSコード:

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

 

HEX #B2ADBC まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #B2ADBC 1%, #AFAEBD 97%);

 

HEX #AFAEBD まで HEX #B6ADBC


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 7%, #B6ADBC 98%);

 

HEX #AFAEBD まで HEX #B6ADBC


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 10%, #B6ADBC 88%);

 

HEX #B6ADBC まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #B6ADBC 5%, #AFAEBD 89%);

 

HEX #B6ADBC まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #B6ADBC 14%, #AFAEBD 88%);

リニア

HEX #AFAEBD まで HEX #9896A9


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 12%, #9896A9 92%);

ラジアル

HEX #AFAEBD まで HEX #9896A9


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 12%, #9896A9 91%);

 

HEX #9896A9 まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #9896A9 12%, #AFAEBD 97%);

 

HEX #9896A9 まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #9896A9 8%, #AFAEBD 98%);

 

HEX #AFAEBD まで HEX #AEADBC


CSSコード:

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

 

HEX #AFAEBD まで HEX #AEADBC


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 6%, #AEADBC 95%);

 

HEX #AEADBC まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #AEADBC 11%, #AFAEBD 100%);

 

HEX #AEADBC まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #AEADBC 4%, #AFAEBD 88%);

 

HEX #AFAEBD まで HEX #C5C4CF


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 4%, #C5C4CF 100%);

 

HEX #AFAEBD まで HEX #C5C4CF


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 0%, #C5C4CF 90%);

 

HEX #C5C4CF まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #C5C4CF 13%, #AFAEBD 99%);

 

HEX #C5C4CF まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #C5C4CF 5%, #AFAEBD 88%);

 

HEX #AFAEBD まで HEX #DBDBE1


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 13%, #DBDBE1 89%);

 

HEX #AFAEBD まで HEX #DBDBE1


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 10%, #DBDBE1 90%);

 

HEX #DBDBE1 まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #DBDBE1 3%, #AFAEBD 99%);

 

HEX #DBDBE1 まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #DBDBE1 12%, #AFAEBD 92%);

リニア

HEX #AFAEBD まで HEX #ADB0BC


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 8%, #ADB0BC 96%);

ラジアル

HEX #AFAEBD まで HEX #ADB0BC


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 11%, #ADB0BC 89%);

 

HEX #ADB0BC まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #ADB0BC 11%, #AFAEBD 91%);

 

HEX #ADB0BC まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #ADB0BC 0%, #AFAEBD 95%);

 

HEX #AFAEBD まで HEX #AEADBC


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 5%, #AEADBC 94%);

 

HEX #AFAEBD まで HEX #AEADBC


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 5%, #AEADBC 90%);

 

HEX #AEADBC まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #AEADBC 10%, #AFAEBD 87%);

 

HEX #AEADBC まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #AEADBC 11%, #AFAEBD 98%);

 

HEX #AFAEBD まで HEX #B2ADBC


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 14%, #B2ADBC 91%);

 

HEX #AFAEBD まで HEX #B2ADBC


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 2%, #B2ADBC 86%);

 

HEX #B2ADBC まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #B2ADBC 10%, #AFAEBD 89%);

 

HEX #B2ADBC まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #B2ADBC 11%, #AFAEBD 95%);

 

HEX #AFAEBD まで HEX #B6ADBC


CSSコード:

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

 

HEX #AFAEBD まで HEX #B6ADBC


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 5%, #B6ADBC 95%);

 

HEX #B6ADBC まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #B6ADBC 4%, #AFAEBD 87%);

 

HEX #B6ADBC まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #B6ADBC 11%, #AFAEBD 98%);

リニア

HEX #AFAEBD まで HEX #9896A9


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 14%, #9896A9 94%);

ラジアル

HEX #AFAEBD まで HEX #9896A9


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 4%, #9896A9 86%);

 

HEX #9896A9 まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #9896A9 1%, #AFAEBD 93%);

 

HEX #9896A9 まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #9896A9 6%, #AFAEBD 94%);

 

HEX #AFAEBD まで HEX #AEADBC


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 3%, #AEADBC 92%);

 

HEX #AFAEBD まで HEX #AEADBC


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 11%, #AEADBC 93%);

 

HEX #AEADBC まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #AEADBC 14%, #AFAEBD 93%);

 

HEX #AEADBC まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #AEADBC 6%, #AFAEBD 92%);

 

HEX #AFAEBD まで HEX #C5C4CF


CSSコード:

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

 

HEX #AFAEBD まで HEX #C5C4CF


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 4%, #C5C4CF 93%);

 

HEX #C5C4CF まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #C5C4CF 5%, #AFAEBD 91%);

 

HEX #C5C4CF まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #C5C4CF 2%, #AFAEBD 99%);

 

HEX #AFAEBD まで HEX #DBDBE1


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 11%, #DBDBE1 91%);

 

HEX #AFAEBD まで HEX #DBDBE1


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 4%, #DBDBE1 92%);

 

HEX #DBDBE1 まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #DBDBE1 9%, #AFAEBD 95%);

 

HEX #DBDBE1 まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #DBDBE1 7%, #AFAEBD 99%);

リニア

HEX #AFAEBD まで HEX #BCADB8


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 14%, #BCADB8 97%);

ラジアル

HEX #AFAEBD まで HEX #BCADB8


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 9%, #BCADB8 93%);

 

HEX #BCADB8 まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #BCADB8 2%, #AFAEBD 97%);

 

HEX #BCADB8 まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #BCADB8 6%, #AFAEBD 88%);

 

HEX #AFAEBD まで HEX #B2BCAD


CSSコード:

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

 

HEX #AFAEBD まで HEX #B2BCAD


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 7%, #B2BCAD 97%);

 

HEX #B2BCAD まで HEX #AFAEBD


CSSコード:

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

 

HEX #B2BCAD まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #B2BCAD 13%, #AFAEBD 96%);

リニア

HEX #AFAEBD まで HEX #BCAEAD


CSSコード:

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

ラジアル

HEX #AFAEBD まで HEX #BCAEAD


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 14%, #BCAEAD 93%);

 

HEX #BCAEAD まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #BCAEAD 8%, #AFAEBD 86%);

 

HEX #BCAEAD まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #BCAEAD 12%, #AFAEBD 94%);

 

HEX #AFAEBD まで HEX #ADBCAE


CSSコード:

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

 

HEX #AFAEBD まで HEX #ADBCAE


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 12%, #ADBCAE 87%);

 

HEX #ADBCAE まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #ADBCAE 9%, #AFAEBD 99%);

 

HEX #ADBCAE まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #ADBCAE 5%, #AFAEBD 94%);

リニア

HEX #AFAEBD まで HEX #BCADB8


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 3%, #BCADB8 86%);

ラジアル

HEX #AFAEBD まで HEX #BCADB8


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 6%, #BCADB8 97%);

 

HEX #BCADB8 まで HEX #AFAEBD


CSSコード:

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

 

HEX #BCADB8 まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #BCADB8 0%, #AFAEBD 88%);

 

HEX #AFAEBD まで HEX #BBBCAD


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 12%, #BBBCAD 97%);

 

HEX #AFAEBD まで HEX #BBBCAD


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 9%, #BBBCAD 96%);

 

HEX #BBBCAD まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #BBBCAD 11%, #AFAEBD 94%);

 

HEX #BBBCAD まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #BBBCAD 10%, #AFAEBD 97%);

 

HEX #AFAEBD まで HEX #ADBCB1


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 2%, #ADBCB1 88%);

 

HEX #AFAEBD まで HEX #ADBCB1


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 11%, #ADBCB1 91%);

 

HEX #ADBCB1 まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #ADBCB1 9%, #AFAEBD 99%);

 

HEX #ADBCB1 まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #ADBCB1 6%, #AFAEBD 93%);

リニア

HEX #AFAEBD まで HEX #BCADB4


CSSコード:

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

ラジアル

HEX #AFAEBD まで HEX #BCADB4


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 6%, #BCADB4 99%);

 

HEX #BCADB4 まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #BCADB4 11%, #AFAEBD 95%);

 

HEX #BCADB4 まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #BCADB4 10%, #AFAEBD 96%);

 

HEX #AFAEBD まで HEX #BBBCAD


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 2%, #BBBCAD 98%);

 

HEX #AFAEBD まで HEX #BBBCAD


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 2%, #BBBCAD 88%);

 

HEX #BBBCAD まで HEX #AFAEBD


CSSコード:

background-image: linear-gradient(135deg, #BBBCAD 8%, #AFAEBD 86%);

 

HEX #BBBCAD まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #BBBCAD 9%, #AFAEBD 95%);

 

HEX #AFAEBD まで HEX #ADBCB6


CSSコード:

background-image: linear-gradient(135deg, #AFAEBD 0%, #ADBCB6 98%);

 

HEX #AFAEBD まで HEX #ADBCB6


CSSコード:

background-image: radial-gradient(circle, #AFAEBD 6%, #ADBCB6 94%);

 

HEX #ADBCB6 まで HEX #AFAEBD


CSSコード:

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

 

HEX #ADBCB6 まで HEX #AFAEBD


CSSコード:

background-image: radial-gradient(circle, #ADBCB6 4%, #AFAEBD 88%);

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

サービス内容

カラー

ラグビー に 呪咀

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

ラグバ に 呪咀

から変換する RGBA 赤 緑 青 透過率 まで #RRGGBB

ラグバ に カミーユ

から変換する RGBA 赤 緑 青 透過率 まで CMYK シアン／マゼンタ／イエロー／キー

Icons

ラグバ に ラル®

から変換する RGBA 赤 緑 青 透過率 まで RAL® 番号 (RAL 0000)

ラグバ に 豚足®

から変換する RGBA 赤 緑 青 透過率 まで HKS® 番号(HKS 00)

ラグバ に パントン®

から変換する RGBA 赤 緑 青 透過率 まで Pantone® 番号 (Pantone 0000)

ラグバ に シャーウィン・ウィリアムズ®

から変換する RGBA 赤 緑 青 透過率 まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

ラグバ に エヌシーエス®

から変換する RGBA 赤 緑 青 透過率 まで NCS番号(S0000-X00X)

nsc-logo
Icons

カミーユ に 呪咀

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

カミーユ に ラグビー

から変換する CMYK シアン／マゼンタ／イエロー／キー まで RGB レッド・グリーン・ブルー
Icons

カミーユ に ラグバ

から変換する CMYK シアン／マゼンタ／イエロー／キー まで RGBA 赤 緑 青 透過率
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 まで RGBA 赤 緑 青 透過率

呪咀 に カミーユ

から変換する #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) まで RGBA 赤 緑 青 透過率

ラル® に カミーユ

から変換する 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) まで RGBA 赤 緑 青 透過率

豚足® に カミーユ

から変換する 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) まで RGBA 赤 緑 青 透過率

パントン® に カミーユ

から変換する 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) まで RGBA 赤 緑 青 透過率

シャーウィン・ウィリアムズ® に カミーユ

から変換する シャーウィン・ウィリアムズ® 番号 (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) まで RGBA 赤 緑 青 透過率
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)

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