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

✕

CSS グラデーション:
CMYK 0 / 46 / 55 / 7

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #ED806B まで HEX #127F94


CSSコード:

background-image: linear-gradient(135deg, #ED806B 5%, #127F94 93%);

ラジアル

HEX #ED806B まで HEX #127F94


CSSコード:

background-image: radial-gradient(circle, #ED806B 13%, #127F94 87%);

 

HEX #127F94 まで HEX #ED806B


CSSコード:

background-image: linear-gradient(135deg, #127F94 5%, #ED806B 96%);

 

HEX #127F94 まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #127F94 10%, #ED806B 96%);

リニア

HEX #ED806B まで HEX #FF9279


CSSコード:

background-image: linear-gradient(135deg, #ED806B 7%, #FF9279 96%);

ラジアル

HEX #ED806B まで HEX #FF9279


CSSコード:

background-image: radial-gradient(circle, #ED806B 0%, #FF9279 99%);

 

HEX #FF9279 まで HEX #ED806B


CSSコード:

background-image: linear-gradient(135deg, #FF9279 1%, #ED806B 94%);

 

HEX #FF9279 まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #FF9279 13%, #ED806B 99%);

 

HEX #ED806B まで HEX #FFA48C


CSSコード:

background-image: linear-gradient(135deg, #ED806B 3%, #FFA48C 96%);

 

HEX #ED806B まで HEX #FFA48C


CSSコード:

background-image: radial-gradient(circle, #ED806B 6%, #FFA48C 97%);

 

HEX #FFA48C まで HEX #ED806B


CSSコード:

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

 

HEX #FFA48C まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #FFA48C 2%, #ED806B 86%);

 

HEX #ED806B まで HEX #FFB69F


CSSコード:

background-image: linear-gradient(135deg, #ED806B 7%, #FFB69F 88%);

 

HEX #ED806B まで HEX #FFB69F


CSSコード:

background-image: radial-gradient(circle, #ED806B 11%, #FFB69F 100%);

 

HEX #FFB69F まで HEX #ED806B


CSSコード:

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

 

HEX #FFB69F まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #FFB69F 5%, #ED806B 98%);

 

HEX #ED806B まで HEX #FFC8B2


CSSコード:

background-image: linear-gradient(135deg, #ED806B 3%, #FFC8B2 97%);

 

HEX #ED806B まで HEX #FFC8B2


CSSコード:

background-image: radial-gradient(circle, #ED806B 6%, #FFC8B2 87%);

 

HEX #FFC8B2 まで HEX #ED806B


CSSコード:

background-image: linear-gradient(135deg, #FFC8B2 6%, #ED806B 98%);

 

HEX #FFC8B2 まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #FFC8B2 8%, #ED806B 91%);

リニア

HEX #ED806B まで HEX #DC6E58


CSSコード:

background-image: linear-gradient(135deg, #ED806B 10%, #DC6E58 96%);

ラジアル

HEX #ED806B まで HEX #DC6E58


CSSコード:

background-image: radial-gradient(circle, #ED806B 0%, #DC6E58 87%);

 

HEX #DC6E58 まで HEX #ED806B


CSSコード:

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

 

HEX #DC6E58 まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #DC6E58 11%, #ED806B 100%);

 

HEX #ED806B まで HEX #CB5C45


CSSコード:

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

 

HEX #ED806B まで HEX #CB5C45


CSSコード:

background-image: radial-gradient(circle, #ED806B 0%, #CB5C45 86%);

 

HEX #CB5C45 まで HEX #ED806B


CSSコード:

background-image: linear-gradient(135deg, #CB5C45 14%, #ED806B 96%);

 

HEX #CB5C45 まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #CB5C45 6%, #ED806B 94%);

 

HEX #ED806B まで HEX #BA4A32


CSSコード:

background-image: linear-gradient(135deg, #ED806B 11%, #BA4A32 89%);

 

HEX #ED806B まで HEX #BA4A32


CSSコード:

background-image: radial-gradient(circle, #ED806B 8%, #BA4A32 94%);

 

HEX #BA4A32 まで HEX #ED806B


CSSコード:

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

 

HEX #BA4A32 まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #BA4A32 0%, #ED806B 90%);

 

HEX #ED806B まで HEX #A9381F


CSSコード:

background-image: linear-gradient(135deg, #ED806B 4%, #A9381F 94%);

 

HEX #ED806B まで HEX #A9381F


CSSコード:

background-image: radial-gradient(circle, #ED806B 12%, #A9381F 86%);

 

HEX #A9381F まで HEX #ED806B


CSSコード:

background-image: linear-gradient(135deg, #A9381F 12%, #ED806B 99%);

 

HEX #A9381F まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #A9381F 1%, #ED806B 87%);

リニア

HEX #ED806B まで HEX #EC9269


CSSコード:

background-image: linear-gradient(135deg, #ED806B 1%, #EC9269 97%);

ラジアル

HEX #ED806B まで HEX #EC9269


CSSコード:

background-image: radial-gradient(circle, #ED806B 6%, #EC9269 87%);

 

HEX #EC9269 まで HEX #ED806B


CSSコード:

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

 

HEX #EC9269 まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #EC9269 12%, #ED806B 96%);

 

HEX #ED806B まで HEX #ECA869


CSSコード:

background-image: linear-gradient(135deg, #ED806B 5%, #ECA869 97%);

 

HEX #ED806B まで HEX #ECA869


CSSコード:

background-image: radial-gradient(circle, #ED806B 13%, #ECA869 87%);

 

HEX #ECA869 まで HEX #ED806B


CSSコード:

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

 

HEX #ECA869 まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #ECA869 2%, #ED806B 86%);

 

HEX #ED806B まで HEX #ECBE69


CSSコード:

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

 

HEX #ED806B まで HEX #ECBE69


CSSコード:

background-image: radial-gradient(circle, #ED806B 1%, #ECBE69 86%);

 

HEX #ECBE69 まで HEX #ED806B


CSSコード:

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

 

HEX #ECBE69 まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #ECBE69 0%, #ED806B 88%);

 

HEX #ED806B まで HEX #ECD469


CSSコード:

background-image: linear-gradient(135deg, #ED806B 3%, #ECD469 87%);

 

HEX #ED806B まで HEX #ECD469


CSSコード:

background-image: radial-gradient(circle, #ED806B 3%, #ECD469 91%);

 

HEX #ECD469 まで HEX #ED806B


CSSコード:

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

 

HEX #ECD469 まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #ECD469 12%, #ED806B 96%);

リニア

HEX #ED806B まで HEX #21120F


CSSコード:

background-image: linear-gradient(135deg, #ED806B 13%, #21120F 100%);

ラジアル

HEX #ED806B まで HEX #21120F


CSSコード:

background-image: radial-gradient(circle, #ED806B 10%, #21120F 99%);

 

HEX #21120F まで HEX #ED806B


CSSコード:

background-image: linear-gradient(135deg, #21120F 1%, #ED806B 92%);

 

HEX #21120F まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #21120F 5%, #ED806B 100%);

 

HEX #ED806B まで HEX #542D26


CSSコード:

background-image: linear-gradient(135deg, #ED806B 11%, #542D26 86%);

 

HEX #ED806B まで HEX #542D26


CSSコード:

background-image: radial-gradient(circle, #ED806B 0%, #542D26 90%);

 

HEX #542D26 まで HEX #ED806B


CSSコード:

background-image: linear-gradient(135deg, #542D26 4%, #ED806B 96%);

 

HEX #542D26 まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #542D26 7%, #ED806B 89%);

 

HEX #ED806B まで HEX #87493D


CSSコード:

background-image: linear-gradient(135deg, #ED806B 5%, #87493D 91%);

 

HEX #ED806B まで HEX #87493D


CSSコード:

background-image: radial-gradient(circle, #ED806B 11%, #87493D 100%);

 

HEX #87493D まで HEX #ED806B


CSSコード:

background-image: linear-gradient(135deg, #87493D 8%, #ED806B 98%);

 

HEX #87493D まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #87493D 2%, #ED806B 99%);

 

HEX #ED806B まで HEX #BA6454


CSSコード:

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

 

HEX #ED806B まで HEX #BA6454


CSSコード:

background-image: radial-gradient(circle, #ED806B 12%, #BA6454 94%);

 

HEX #BA6454 まで HEX #ED806B


CSSコード:

background-image: linear-gradient(135deg, #BA6454 7%, #ED806B 86%);

 

HEX #BA6454 まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #BA6454 9%, #ED806B 96%);

リニア

HEX #ED806B まで HEX #BEEC69


CSSコード:

background-image: linear-gradient(135deg, #ED806B 12%, #BEEC69 86%);

ラジアル

HEX #ED806B まで HEX #BEEC69


CSSコード:

background-image: radial-gradient(circle, #ED806B 5%, #BEEC69 90%);

 

HEX #BEEC69 まで HEX #ED806B


CSSコード:

background-image: linear-gradient(135deg, #BEEC69 1%, #ED806B 87%);

 

HEX #BEEC69 まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #BEEC69 3%, #ED806B 97%);

 

HEX #ED806B まで HEX #698AEC


CSSコード:

background-image: linear-gradient(135deg, #ED806B 8%, #698AEC 97%);

 

HEX #ED806B まで HEX #698AEC


CSSコード:

background-image: radial-gradient(circle, #ED806B 14%, #698AEC 88%);

 

HEX #698AEC まで HEX #ED806B


CSSコード:

background-image: linear-gradient(135deg, #698AEC 1%, #ED806B 99%);

 

HEX #698AEC まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #698AEC 10%, #ED806B 96%);

リニア

HEX #ED806B まで HEX #69EC7C


CSSコード:

background-image: linear-gradient(135deg, #ED806B 4%, #69EC7C 100%);

ラジアル

HEX #ED806B まで HEX #69EC7C


CSSコード:

background-image: radial-gradient(circle, #ED806B 5%, #69EC7C 98%);

 

HEX #69EC7C まで HEX #ED806B


CSSコード:

background-image: linear-gradient(135deg, #69EC7C 4%, #ED806B 87%);

 

HEX #69EC7C まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #69EC7C 5%, #ED806B 95%);

 

HEX #ED806B まで HEX #7C69EC


CSSコード:

background-image: linear-gradient(135deg, #ED806B 4%, #7C69EC 93%);

 

HEX #ED806B まで HEX #7C69EC


CSSコード:

background-image: radial-gradient(circle, #ED806B 11%, #7C69EC 94%);

 

HEX #7C69EC まで HEX #ED806B


CSSコード:

background-image: linear-gradient(135deg, #7C69EC 11%, #ED806B 86%);

 

HEX #7C69EC まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #7C69EC 14%, #ED806B 99%);

リニア

HEX #ED806B まで HEX #BEEC69


CSSコード:

background-image: linear-gradient(135deg, #ED806B 10%, #BEEC69 100%);

ラジアル

HEX #ED806B まで HEX #BEEC69


CSSコード:

background-image: radial-gradient(circle, #ED806B 7%, #BEEC69 92%);

 

HEX #BEEC69 まで HEX #ED806B


CSSコード:

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

 

HEX #BEEC69 まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #BEEC69 2%, #ED806B 93%);

 

HEX #ED806B まで HEX #69D8EC


CSSコード:

background-image: linear-gradient(135deg, #ED806B 4%, #69D8EC 93%);

 

HEX #ED806B まで HEX #69D8EC


CSSコード:

background-image: radial-gradient(circle, #ED806B 9%, #69D8EC 91%);

 

HEX #69D8EC まで HEX #ED806B


CSSコード:

background-image: linear-gradient(135deg, #69D8EC 10%, #ED806B 97%);

 

HEX #69D8EC まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #69D8EC 2%, #ED806B 99%);

 

HEX #ED806B まで HEX #9769EC


CSSコード:

background-image: linear-gradient(135deg, #ED806B 12%, #9769EC 90%);

 

HEX #ED806B まで HEX #9769EC


CSSコード:

background-image: radial-gradient(circle, #ED806B 5%, #9769EC 91%);

 

HEX #9769EC まで HEX #ED806B


CSSコード:

background-image: linear-gradient(135deg, #9769EC 5%, #ED806B 94%);

 

HEX #9769EC まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #9769EC 2%, #ED806B 92%);

リニア

HEX #ED806B まで HEX #97EC69


CSSコード:

background-image: linear-gradient(135deg, #ED806B 12%, #97EC69 86%);

ラジアル

HEX #ED806B まで HEX #97EC69


CSSコード:

background-image: radial-gradient(circle, #ED806B 4%, #97EC69 92%);

 

HEX #97EC69 まで HEX #ED806B


CSSコード:

background-image: linear-gradient(135deg, #97EC69 14%, #ED806B 90%);

 

HEX #97EC69 まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #97EC69 8%, #ED806B 100%);

 

HEX #ED806B まで HEX #69D8EC


CSSコード:

background-image: linear-gradient(135deg, #ED806B 3%, #69D8EC 98%);

 

HEX #ED806B まで HEX #69D8EC


CSSコード:

background-image: radial-gradient(circle, #ED806B 9%, #69D8EC 97%);

 

HEX #69D8EC まで HEX #ED806B


CSSコード:

background-image: linear-gradient(135deg, #69D8EC 9%, #ED806B 99%);

 

HEX #69D8EC まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #69D8EC 1%, #ED806B 97%);

 

HEX #ED806B まで HEX #BE69EC


CSSコード:

background-image: linear-gradient(135deg, #ED806B 3%, #BE69EC 89%);

 

HEX #ED806B まで HEX #BE69EC


CSSコード:

background-image: radial-gradient(circle, #ED806B 9%, #BE69EC 90%);

 

HEX #BE69EC まで HEX #ED806B


CSSコード:

background-image: linear-gradient(135deg, #BE69EC 2%, #ED806B 92%);

 

HEX #BE69EC まで HEX #ED806B


CSSコード:

background-image: radial-gradient(circle, #BE69EC 7%, #ED806B 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