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

✕

CSS グラデーション:
SW 6133 - Muslin

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #EADFC9 まで HEX #0E1531


CSSコード:

background-image: linear-gradient(135deg, #EADFC9 2%, #0E1531 96%);

ラジアル

HEX #EADFC9 まで HEX #0E1531


CSSコード:

background-image: radial-gradient(circle, #EADFC9 6%, #0E1531 86%);

 

HEX #0E1531 まで HEX #EADFC9


CSSコード:

background-image: linear-gradient(135deg, #0E1531 3%, #EADFC9 100%);

 

HEX #0E1531 まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #0E1531 12%, #EADFC9 93%);

リニア

HEX #EADFC9 まで HEX #F8F0D9


CSSコード:

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

ラジアル

HEX #EADFC9 まで HEX #F8F0D9


CSSコード:

background-image: radial-gradient(circle, #EADFC9 5%, #F8F0D9 87%);

 

HEX #F8F0D9 まで HEX #EADFC9


CSSコード:

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

 

HEX #F8F0D9 まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #F8F0D9 0%, #EADFC9 95%);

 

HEX #EADFC9 まで HEX #F7F7F1


CSSコード:

background-image: linear-gradient(135deg, #EADFC9 12%, #F7F7F1 100%);

 

HEX #EADFC9 まで HEX #F7F7F1


CSSコード:

background-image: radial-gradient(circle, #EADFC9 1%, #F7F7F1 99%);

 

HEX #F7F7F1 まで HEX #EADFC9


CSSコード:

background-image: linear-gradient(135deg, #F7F7F1 4%, #EADFC9 92%);

 

HEX #F7F7F1 まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #F7F7F1 11%, #EADFC9 97%);

 

HEX #EADFC9 まで HEX #F7F7F1


CSSコード:

background-image: linear-gradient(135deg, #EADFC9 8%, #F7F7F1 92%);

 

HEX #EADFC9 まで HEX #F7F7F1


CSSコード:

background-image: radial-gradient(circle, #EADFC9 3%, #F7F7F1 86%);

 

HEX #F7F7F1 まで HEX #EADFC9


CSSコード:

background-image: linear-gradient(135deg, #F7F7F1 8%, #EADFC9 97%);

 

HEX #F7F7F1 まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #F7F7F1 2%, #EADFC9 96%);

リニア

HEX #EADFC9 まで HEX #D9CFBA


CSSコード:

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

ラジアル

HEX #EADFC9 まで HEX #D9CFBA


CSSコード:

background-image: radial-gradient(circle, #EADFC9 0%, #D9CFBA 95%);

 

HEX #D9CFBA まで HEX #EADFC9


CSSコード:

background-image: linear-gradient(135deg, #D9CFBA 10%, #EADFC9 94%);

 

HEX #D9CFBA まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #D9CFBA 6%, #EADFC9 93%);

 

HEX #EADFC9 まで HEX #C8BBA3


CSSコード:

background-image: linear-gradient(135deg, #EADFC9 1%, #C8BBA3 88%);

 

HEX #EADFC9 まで HEX #C8BBA3


CSSコード:

background-image: radial-gradient(circle, #EADFC9 5%, #C8BBA3 95%);

 

HEX #C8BBA3 まで HEX #EADFC9


CSSコード:

background-image: linear-gradient(135deg, #C8BBA3 8%, #EADFC9 97%);

 

HEX #C8BBA3 まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #C8BBA3 0%, #EADFC9 92%);

 

HEX #EADFC9 まで HEX #B8A992


CSSコード:

background-image: linear-gradient(135deg, #EADFC9 13%, #B8A992 92%);

 

HEX #EADFC9 まで HEX #B8A992


CSSコード:

background-image: radial-gradient(circle, #EADFC9 12%, #B8A992 90%);

 

HEX #B8A992 まで HEX #EADFC9


CSSコード:

background-image: linear-gradient(135deg, #B8A992 8%, #EADFC9 92%);

 

HEX #B8A992 まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #B8A992 8%, #EADFC9 96%);

 

HEX #EADFC9 まで HEX #A7947C


CSSコード:

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

 

HEX #EADFC9 まで HEX #A7947C


CSSコード:

background-image: radial-gradient(circle, #EADFC9 13%, #A7947C 99%);

 

HEX #A7947C まで HEX #EADFC9


CSSコード:

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

 

HEX #A7947C まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #A7947C 7%, #EADFC9 86%);

リニア

HEX #EADFC9 まで HEX #E9E0C5


CSSコード:

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

ラジアル

HEX #EADFC9 まで HEX #E9E0C5


CSSコード:

background-image: radial-gradient(circle, #EADFC9 1%, #E9E0C5 94%);

 

HEX #E9E0C5 まで HEX #EADFC9


CSSコード:

background-image: linear-gradient(135deg, #E9E0C5 12%, #EADFC9 91%);

 

HEX #E9E0C5 まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #E9E0C5 5%, #EADFC9 90%);

 

HEX #EADFC9 まで HEX #E9E0C5


CSSコード:

background-image: linear-gradient(135deg, #EADFC9 6%, #E9E0C5 97%);

 

HEX #EADFC9 まで HEX #E9E0C5


CSSコード:

background-image: radial-gradient(circle, #EADFC9 6%, #E9E0C5 96%);

 

HEX #E9E0C5 まで HEX #EADFC9


CSSコード:

background-image: linear-gradient(135deg, #E9E0C5 1%, #EADFC9 98%);

 

HEX #E9E0C5 まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #E9E0C5 10%, #EADFC9 86%);

 

HEX #EADFC9 まで HEX #E4E4CE


CSSコード:

background-image: linear-gradient(135deg, #EADFC9 6%, #E4E4CE 94%);

 

HEX #EADFC9 まで HEX #E4E4CE


CSSコード:

background-image: radial-gradient(circle, #EADFC9 11%, #E4E4CE 87%);

 

HEX #E4E4CE まで HEX #EADFC9


CSSコード:

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

 

HEX #E4E4CE まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #E4E4CE 5%, #EADFC9 93%);

 

HEX #EADFC9 まで HEX #D7E3CA


CSSコード:

background-image: linear-gradient(135deg, #EADFC9 10%, #D7E3CA 98%);

 

HEX #EADFC9 まで HEX #D7E3CA


CSSコード:

background-image: radial-gradient(circle, #EADFC9 14%, #D7E3CA 92%);

 

HEX #D7E3CA まで HEX #EADFC9


CSSコード:

background-image: linear-gradient(135deg, #D7E3CA 3%, #EADFC9 94%);

 

HEX #D7E3CA まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #D7E3CA 12%, #EADFC9 100%);

リニア

HEX #EADFC9 まで HEX #2C201A


CSSコード:

background-image: linear-gradient(135deg, #EADFC9 12%, #2C201A 91%);

ラジアル

HEX #EADFC9 まで HEX #2C201A


CSSコード:

background-image: radial-gradient(circle, #EADFC9 0%, #2C201A 98%);

 

HEX #2C201A まで HEX #EADFC9


CSSコード:

background-image: linear-gradient(135deg, #2C201A 5%, #EADFC9 94%);

 

HEX #2C201A まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #2C201A 7%, #EADFC9 91%);

 

HEX #EADFC9 まで HEX #4E5147


CSSコード:

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

 

HEX #EADFC9 まで HEX #4E5147


CSSコード:

background-image: radial-gradient(circle, #EADFC9 14%, #4E5147 96%);

 

HEX #4E5147 まで HEX #EADFC9


CSSコード:

background-image: linear-gradient(135deg, #4E5147 4%, #EADFC9 99%);

 

HEX #4E5147 まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #4E5147 5%, #EADFC9 97%);

 

HEX #EADFC9 まで HEX #867E70


CSSコード:

background-image: linear-gradient(135deg, #EADFC9 2%, #867E70 93%);

 

HEX #EADFC9 まで HEX #867E70


CSSコード:

background-image: radial-gradient(circle, #EADFC9 14%, #867E70 88%);

 

HEX #867E70 まで HEX #EADFC9


CSSコード:

background-image: linear-gradient(135deg, #867E70 13%, #EADFC9 91%);

 

HEX #867E70 まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #867E70 10%, #EADFC9 93%);

 

HEX #EADFC9 まで HEX #B7AB9F


CSSコード:

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

 

HEX #EADFC9 まで HEX #B7AB9F


CSSコード:

background-image: radial-gradient(circle, #EADFC9 7%, #B7AB9F 87%);

 

HEX #B7AB9F まで HEX #EADFC9


CSSコード:

background-image: linear-gradient(135deg, #B7AB9F 1%, #EADFC9 92%);

 

HEX #B7AB9F まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #B7AB9F 2%, #EADFC9 89%);

リニア

HEX #EADFC9 まで HEX #CCE2CA


CSSコード:

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

ラジアル

HEX #EADFC9 まで HEX #CCE2CA


CSSコード:

background-image: radial-gradient(circle, #EADFC9 7%, #CCE2CA 91%);

 

HEX #CCE2CA まで HEX #EADFC9


CSSコード:

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

 

HEX #CCE2CA まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #CCE2CA 7%, #EADFC9 86%);

 

HEX #EADFC9 まで HEX #D1CBDF


CSSコード:

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

 

HEX #EADFC9 まで HEX #D1CBDF


CSSコード:

background-image: radial-gradient(circle, #EADFC9 3%, #D1CBDF 100%);

 

HEX #D1CBDF まで HEX #EADFC9


CSSコード:

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

 

HEX #D1CBDF まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #D1CBDF 10%, #EADFC9 90%);

リニア

HEX #EADFC9 まで HEX #C1E6DF


CSSコード:

background-image: linear-gradient(135deg, #EADFC9 10%, #C1E6DF 95%);

ラジアル

HEX #EADFC9 まで HEX #C1E6DF


CSSコード:

background-image: radial-gradient(circle, #EADFC9 2%, #C1E6DF 90%);

 

HEX #C1E6DF まで HEX #EADFC9


CSSコード:

background-image: linear-gradient(135deg, #C1E6DF 0%, #EADFC9 95%);

 

HEX #C1E6DF まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #C1E6DF 13%, #EADFC9 87%);

 

HEX #EADFC9 まで HEX #DAC7DA


CSSコード:

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

 

HEX #EADFC9 まで HEX #DAC7DA


CSSコード:

background-image: radial-gradient(circle, #EADFC9 14%, #DAC7DA 96%);

 

HEX #DAC7DA まで HEX #EADFC9


CSSコード:

background-image: linear-gradient(135deg, #DAC7DA 8%, #EADFC9 90%);

 

HEX #DAC7DA まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #DAC7DA 9%, #EADFC9 86%);

リニア

HEX #EADFC9 まで HEX #CCE2CA


CSSコード:

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

ラジアル

HEX #EADFC9 まで HEX #CCE2CA


CSSコード:

background-image: radial-gradient(circle, #EADFC9 5%, #CCE2CA 99%);

 

HEX #CCE2CA まで HEX #EADFC9


CSSコード:

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

 

HEX #CCE2CA まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #CCE2CA 2%, #EADFC9 98%);

 

HEX #EADFC9 まで HEX #C7D1E2


CSSコード:

background-image: linear-gradient(135deg, #EADFC9 0%, #C7D1E2 91%);

 

HEX #EADFC9 まで HEX #C7D1E2


CSSコード:

background-image: radial-gradient(circle, #EADFC9 4%, #C7D1E2 89%);

 

HEX #C7D1E2 まで HEX #EADFC9


CSSコード:

background-image: linear-gradient(135deg, #C7D1E2 1%, #EADFC9 96%);

 

HEX #C7D1E2 まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #C7D1E2 6%, #EADFC9 92%);

 

HEX #EADFC9 まで HEX #E6CCDD


CSSコード:

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

 

HEX #EADFC9 まで HEX #E6CCDD


CSSコード:

background-image: radial-gradient(circle, #EADFC9 2%, #E6CCDD 90%);

 

HEX #E6CCDD まで HEX #EADFC9


CSSコード:

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

 

HEX #E6CCDD まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #E6CCDD 5%, #EADFC9 94%);

リニア

HEX #EADFC9 まで HEX #C9E7CC


CSSコード:

background-image: linear-gradient(135deg, #EADFC9 12%, #C9E7CC 96%);

ラジアル

HEX #EADFC9 まで HEX #C9E7CC


CSSコード:

background-image: radial-gradient(circle, #EADFC9 3%, #C9E7CC 88%);

 

HEX #C9E7CC まで HEX #EADFC9


CSSコード:

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

 

HEX #C9E7CC まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #C9E7CC 3%, #EADFC9 97%);

 

HEX #EADFC9 まで HEX #C7D1E2


CSSコード:

background-image: linear-gradient(135deg, #EADFC9 4%, #C7D1E2 89%);

 

HEX #EADFC9 まで HEX #C7D1E2


CSSコード:

background-image: radial-gradient(circle, #EADFC9 12%, #C7D1E2 88%);

 

HEX #C7D1E2 まで HEX #EADFC9


CSSコード:

background-image: linear-gradient(135deg, #C7D1E2 8%, #EADFC9 87%);

 

HEX #C7D1E2 まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #C7D1E2 5%, #EADFC9 95%);

 

HEX #EADFC9 まで HEX #EAC8DA


CSSコード:

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

 

HEX #EADFC9 まで HEX #EAC8DA


CSSコード:

background-image: radial-gradient(circle, #EADFC9 0%, #EAC8DA 90%);

 

HEX #EAC8DA まで HEX #EADFC9


CSSコード:

background-image: linear-gradient(135deg, #EAC8DA 0%, #EADFC9 100%);

 

HEX #EAC8DA まで HEX #EADFC9


CSSコード:

background-image: radial-gradient(circle, #EAC8DA 5%, #EADFC9 91%);

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

サービス内容

カラー

ラグビー に 呪咀

から変換する 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-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de