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

✕

CSS グラデーション:
#563E31

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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



ブランド

この色は少なくとも1社で使用されています。ここで、どのようなものがあるのかを見てみましょう。

16% - Cave Dogs
リンク: http://cavedogs.org

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

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

レッツゴー

リニア

HEX #563E31 まで HEX #A9C1CE


CSSコード:

background-image: linear-gradient(135deg, #563E31 2%, #A9C1CE 87%);

ラジアル

HEX #563E31 まで HEX #A9C1CE


CSSコード:

background-image: radial-gradient(circle, #563E31 11%, #A9C1CE 90%);

 

HEX #A9C1CE まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #A9C1CE 10%, #563E31 87%);

 

HEX #A9C1CE まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #A9C1CE 10%, #563E31 97%);

リニア

HEX #563E31 まで HEX #6C503F


CSSコード:

background-image: linear-gradient(135deg, #563E31 10%, #6C503F 89%);

ラジアル

HEX #563E31 まで HEX #6C503F


CSSコード:

background-image: radial-gradient(circle, #563E31 5%, #6C503F 86%);

 

HEX #6C503F まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #6C503F 14%, #563E31 98%);

 

HEX #6C503F まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #6C503F 1%, #563E31 100%);

 

HEX #563E31 まで HEX #7D6252


CSSコード:

background-image: linear-gradient(135deg, #563E31 1%, #7D6252 94%);

 

HEX #563E31 まで HEX #7D6252


CSSコード:

background-image: radial-gradient(circle, #563E31 2%, #7D6252 86%);

 

HEX #7D6252 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #7D6252 5%, #563E31 100%);

 

HEX #7D6252 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #7D6252 2%, #563E31 100%);

 

HEX #563E31 まで HEX #8E7465


CSSコード:

background-image: linear-gradient(135deg, #563E31 3%, #8E7465 91%);

 

HEX #563E31 まで HEX #8E7465


CSSコード:

background-image: radial-gradient(circle, #563E31 13%, #8E7465 91%);

 

HEX #8E7465 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #8E7465 10%, #563E31 95%);

 

HEX #8E7465 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #8E7465 14%, #563E31 96%);

 

HEX #563E31 まで HEX #9F8678


CSSコード:

background-image: linear-gradient(135deg, #563E31 6%, #9F8678 89%);

 

HEX #563E31 まで HEX #9F8678


CSSコード:

background-image: radial-gradient(circle, #563E31 1%, #9F8678 91%);

 

HEX #9F8678 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #9F8678 6%, #563E31 100%);

 

HEX #9F8678 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #9F8678 11%, #563E31 98%);

リニア

HEX #563E31 まで HEX #452C1E


CSSコード:

background-image: linear-gradient(135deg, #563E31 8%, #452C1E 91%);

ラジアル

HEX #563E31 まで HEX #452C1E


CSSコード:

background-image: radial-gradient(circle, #563E31 12%, #452C1E 86%);

 

HEX #452C1E まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #452C1E 6%, #563E31 86%);

 

HEX #452C1E まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #452C1E 12%, #563E31 87%);

 

HEX #563E31 まで HEX #341A0B


CSSコード:

background-image: linear-gradient(135deg, #563E31 7%, #341A0B 98%);

 

HEX #563E31 まで HEX #341A0B


CSSコード:

background-image: radial-gradient(circle, #563E31 6%, #341A0B 90%);

 

HEX #341A0B まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #341A0B 9%, #563E31 86%);

 

HEX #341A0B まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #341A0B 7%, #563E31 96%);

 

HEX #563E31 まで HEX #230800


CSSコード:

background-image: linear-gradient(135deg, #563E31 6%, #230800 87%);

 

HEX #563E31 まで HEX #230800


CSSコード:

background-image: radial-gradient(circle, #563E31 12%, #230800 86%);

 

HEX #230800 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #230800 3%, #563E31 88%);

 

HEX #230800 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #230800 8%, #563E31 87%);

 

HEX #563E31 まで HEX #120000


CSSコード:

background-image: linear-gradient(135deg, #563E31 7%, #120000 88%);

 

HEX #563E31 まで HEX #120000


CSSコード:

background-image: radial-gradient(circle, #563E31 6%, #120000 87%);

 

HEX #120000 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #120000 13%, #563E31 100%);

 

HEX #120000 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #120000 14%, #563E31 95%);

リニア

HEX #563E31 まで HEX #544230


CSSコード:

background-image: linear-gradient(135deg, #563E31 6%, #544230 89%);

ラジアル

HEX #563E31 まで HEX #544230


CSSコード:

background-image: radial-gradient(circle, #563E31 11%, #544230 95%);

 

HEX #544230 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #544230 8%, #563E31 99%);

 

HEX #544230 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #544230 12%, #563E31 92%);

 

HEX #563E31 まで HEX #544830


CSSコード:

background-image: linear-gradient(135deg, #563E31 12%, #544830 90%);

 

HEX #563E31 まで HEX #544830


CSSコード:

background-image: radial-gradient(circle, #563E31 10%, #544830 93%);

 

HEX #544830 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #544830 4%, #563E31 88%);

 

HEX #544830 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #544830 9%, #563E31 91%);

 

HEX #563E31 まで HEX #544E30


CSSコード:

background-image: linear-gradient(135deg, #563E31 8%, #544E30 87%);

 

HEX #563E31 まで HEX #544E30


CSSコード:

background-image: radial-gradient(circle, #563E31 1%, #544E30 94%);

 

HEX #544E30 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #544E30 6%, #563E31 93%);

 

HEX #544E30 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #544E30 3%, #563E31 94%);

 

HEX #563E31 まで HEX #535430


CSSコード:

background-image: linear-gradient(135deg, #563E31 14%, #535430 97%);

 

HEX #563E31 まで HEX #535430


CSSコード:

background-image: radial-gradient(circle, #563E31 7%, #535430 98%);

 

HEX #535430 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #535430 0%, #563E31 95%);

 

HEX #535430 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #535430 10%, #563E31 100%);

リニア

HEX #563E31 まで HEX #89634E


CSSコード:

background-image: linear-gradient(135deg, #563E31 4%, #89634E 90%);

ラジアル

HEX #563E31 まで HEX #89634E


CSSコード:

background-image: radial-gradient(circle, #563E31 4%, #89634E 86%);

 

HEX #89634E まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #89634E 9%, #563E31 89%);

 

HEX #89634E まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #89634E 0%, #563E31 100%);

 

HEX #563E31 まで HEX #BC886B


CSSコード:

background-image: linear-gradient(135deg, #563E31 1%, #BC886B 96%);

 

HEX #563E31 まで HEX #BC886B


CSSコード:

background-image: radial-gradient(circle, #563E31 13%, #BC886B 87%);

 

HEX #BC886B まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #BC886B 6%, #563E31 91%);

 

HEX #BC886B まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #BC886B 6%, #563E31 92%);

 

HEX #563E31 まで HEX #EFAC88


CSSコード:

background-image: linear-gradient(135deg, #563E31 10%, #EFAC88 92%);

 

HEX #563E31 まで HEX #EFAC88


CSSコード:

background-image: radial-gradient(circle, #563E31 11%, #EFAC88 88%);

 

HEX #EFAC88 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #EFAC88 6%, #563E31 97%);

 

HEX #EFAC88 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #EFAC88 11%, #563E31 86%);

 

HEX #563E31 まで HEX #231914


CSSコード:

background-image: linear-gradient(135deg, #563E31 4%, #231914 90%);

 

HEX #563E31 まで HEX #231914


CSSコード:

background-image: radial-gradient(circle, #563E31 12%, #231914 95%);

 

HEX #231914 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #231914 14%, #563E31 86%);

 

HEX #231914 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #231914 1%, #563E31 96%);

リニア

HEX #563E31 まで HEX #405430


CSSコード:

background-image: linear-gradient(135deg, #563E31 7%, #405430 88%);

ラジアル

HEX #563E31 まで HEX #405430


CSSコード:

background-image: radial-gradient(circle, #563E31 13%, #405430 99%);

 

HEX #405430 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #405430 11%, #563E31 94%);

 

HEX #405430 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #405430 5%, #563E31 87%);

 

HEX #563E31 まで HEX #303254


CSSコード:

background-image: linear-gradient(135deg, #563E31 10%, #303254 96%);

 

HEX #563E31 まで HEX #303254


CSSコード:

background-image: radial-gradient(circle, #563E31 4%, #303254 94%);

 

HEX #303254 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #303254 9%, #563E31 91%);

 

HEX #303254 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #303254 9%, #563E31 92%);

リニア

HEX #563E31 まで HEX #30543C


CSSコード:

background-image: linear-gradient(135deg, #563E31 14%, #30543C 91%);

ラジアル

HEX #563E31 まで HEX #30543C


CSSコード:

background-image: radial-gradient(circle, #563E31 0%, #30543C 89%);

 

HEX #30543C まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #30543C 1%, #563E31 95%);

 

HEX #30543C まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #30543C 1%, #563E31 90%);

 

HEX #563E31 まで HEX #3C3054


CSSコード:

background-image: linear-gradient(135deg, #563E31 14%, #3C3054 92%);

 

HEX #563E31 まで HEX #3C3054


CSSコード:

background-image: radial-gradient(circle, #563E31 3%, #3C3054 96%);

 

HEX #3C3054 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #3C3054 8%, #563E31 96%);

 

HEX #3C3054 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #3C3054 9%, #563E31 88%);

リニア

HEX #563E31 まで HEX #405430


CSSコード:

background-image: linear-gradient(135deg, #563E31 6%, #405430 87%);

ラジアル

HEX #563E31 まで HEX #405430


CSSコード:

background-image: radial-gradient(circle, #563E31 13%, #405430 95%);

 

HEX #405430 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #405430 9%, #563E31 92%);

 

HEX #405430 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #405430 13%, #563E31 90%);

 

HEX #563E31 まで HEX #304754


CSSコード:

background-image: linear-gradient(135deg, #563E31 2%, #304754 90%);

 

HEX #563E31 まで HEX #304754


CSSコード:

background-image: radial-gradient(circle, #563E31 14%, #304754 100%);

 

HEX #304754 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #304754 11%, #563E31 96%);

 

HEX #304754 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #304754 4%, #563E31 94%);

 

HEX #563E31 まで HEX #443054


CSSコード:

background-image: linear-gradient(135deg, #563E31 10%, #443054 90%);

 

HEX #563E31 まで HEX #443054


CSSコード:

background-image: radial-gradient(circle, #563E31 6%, #443054 93%);

 

HEX #443054 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #443054 8%, #563E31 86%);

 

HEX #443054 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #443054 14%, #563E31 99%);

リニア

HEX #563E31 まで HEX #355430


CSSコード:

background-image: linear-gradient(135deg, #563E31 0%, #355430 90%);

ラジアル

HEX #563E31 まで HEX #355430


CSSコード:

background-image: radial-gradient(circle, #563E31 2%, #355430 98%);

 

HEX #355430 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #355430 10%, #563E31 90%);

 

HEX #355430 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #355430 14%, #563E31 89%);

 

HEX #563E31 まで HEX #304754


CSSコード:

background-image: linear-gradient(135deg, #563E31 5%, #304754 91%);

 

HEX #563E31 まで HEX #304754


CSSコード:

background-image: radial-gradient(circle, #563E31 7%, #304754 90%);

 

HEX #304754 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #304754 8%, #563E31 94%);

 

HEX #304754 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #304754 14%, #563E31 93%);

 

HEX #563E31 まで HEX #4E3054


CSSコード:

background-image: linear-gradient(135deg, #563E31 4%, #4E3054 94%);

 

HEX #563E31 まで HEX #4E3054


CSSコード:

background-image: radial-gradient(circle, #563E31 8%, #4E3054 98%);

 

HEX #4E3054 まで HEX #563E31


CSSコード:

background-image: linear-gradient(135deg, #4E3054 12%, #563E31 86%);

 

HEX #4E3054 まで HEX #563E31


CSSコード:

background-image: radial-gradient(circle, #4E3054 5%, #563E31 95%);

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

サービス内容

カラー

ラグビー に 呪咀

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

カラーパレットを保存するには、ログインする必要があります。

アカウントにログイン

または

アカウントを作成する

現在のカラーパレット 共有
公開か非公開か？
共有後、リンク（複数可）が続きます。

キャンセル シェア

カラーパレット共有
ご希望のリンクをコピーして保存してください。

シェア

OK、リンクをコピーしておきました

カラーは新しいカラーパレットに保存され、
プロフィールの下に表示されます。
さらにカスタマイズしたり、共有することもできます。

カラーパレットを表示する
了い

カラーパレットを作成する

ダウンロード各種フォーマットでダウンロード

すべて削除

をクリックすると、パレットを作成し、 色見本をダウンロードすることができます。

© 2019-2024 in cooperation ND-DESIGN.WORKS & frag-bobby.de