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

✕

CSS グラデーション:
RGB 255 107 137

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #FF6B89 まで HEX #009476


CSSコード:

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

ラジアル

HEX #FF6B89 まで HEX #009476


CSSコード:

background-image: radial-gradient(circle, #FF6B89 7%, #009476 100%);

 

HEX #009476 まで HEX #FF6B89


CSSコード:

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

 

HEX #009476 まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #009476 8%, #FF6B89 95%);

リニア

HEX #FF6B89 まで HEX #FF7D97


CSSコード:

background-image: linear-gradient(135deg, #FF6B89 5%, #FF7D97 90%);

ラジアル

HEX #FF6B89 まで HEX #FF7D97


CSSコード:

background-image: radial-gradient(circle, #FF6B89 14%, #FF7D97 94%);

 

HEX #FF7D97 まで HEX #FF6B89


CSSコード:

background-image: linear-gradient(135deg, #FF7D97 5%, #FF6B89 93%);

 

HEX #FF7D97 まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #FF7D97 4%, #FF6B89 97%);

 

HEX #FF6B89 まで HEX #FF8FAA


CSSコード:

background-image: linear-gradient(135deg, #FF6B89 12%, #FF8FAA 88%);

 

HEX #FF6B89 まで HEX #FF8FAA


CSSコード:

background-image: radial-gradient(circle, #FF6B89 1%, #FF8FAA 93%);

 

HEX #FF8FAA まで HEX #FF6B89


CSSコード:

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

 

HEX #FF8FAA まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #FF8FAA 1%, #FF6B89 90%);

 

HEX #FF6B89 まで HEX #FFA1BD


CSSコード:

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

 

HEX #FF6B89 まで HEX #FFA1BD


CSSコード:

background-image: radial-gradient(circle, #FF6B89 13%, #FFA1BD 92%);

 

HEX #FFA1BD まで HEX #FF6B89


CSSコード:

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

 

HEX #FFA1BD まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #FFA1BD 9%, #FF6B89 97%);

 

HEX #FF6B89 まで HEX #FFB3D0


CSSコード:

background-image: linear-gradient(135deg, #FF6B89 1%, #FFB3D0 93%);

 

HEX #FF6B89 まで HEX #FFB3D0


CSSコード:

background-image: radial-gradient(circle, #FF6B89 14%, #FFB3D0 97%);

 

HEX #FFB3D0 まで HEX #FF6B89


CSSコード:

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

 

HEX #FFB3D0 まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #FFB3D0 10%, #FF6B89 98%);

リニア

HEX #FF6B89 まで HEX #EE5976


CSSコード:

background-image: linear-gradient(135deg, #FF6B89 11%, #EE5976 99%);

ラジアル

HEX #FF6B89 まで HEX #EE5976


CSSコード:

background-image: radial-gradient(circle, #FF6B89 9%, #EE5976 94%);

 

HEX #EE5976 まで HEX #FF6B89


CSSコード:

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

 

HEX #EE5976 まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #EE5976 8%, #FF6B89 91%);

 

HEX #FF6B89 まで HEX #DD4763


CSSコード:

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

 

HEX #FF6B89 まで HEX #DD4763


CSSコード:

background-image: radial-gradient(circle, #FF6B89 8%, #DD4763 98%);

 

HEX #DD4763 まで HEX #FF6B89


CSSコード:

background-image: linear-gradient(135deg, #DD4763 5%, #FF6B89 86%);

 

HEX #DD4763 まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #DD4763 2%, #FF6B89 89%);

 

HEX #FF6B89 まで HEX #CC3550


CSSコード:

background-image: linear-gradient(135deg, #FF6B89 2%, #CC3550 93%);

 

HEX #FF6B89 まで HEX #CC3550


CSSコード:

background-image: radial-gradient(circle, #FF6B89 12%, #CC3550 100%);

 

HEX #CC3550 まで HEX #FF6B89


CSSコード:

background-image: linear-gradient(135deg, #CC3550 10%, #FF6B89 90%);

 

HEX #CC3550 まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #CC3550 8%, #FF6B89 88%);

 

HEX #FF6B89 まで HEX #BB233D


CSSコード:

background-image: linear-gradient(135deg, #FF6B89 6%, #BB233D 99%);

 

HEX #FF6B89 まで HEX #BB233D


CSSコード:

background-image: radial-gradient(circle, #FF6B89 5%, #BB233D 89%);

 

HEX #BB233D まで HEX #FF6B89


CSSコード:

background-image: linear-gradient(135deg, #BB233D 3%, #FF6B89 88%);

 

HEX #BB233D まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #BB233D 0%, #FF6B89 86%);

リニア

HEX #FF6B89 まで HEX #FF6B72


CSSコード:

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

ラジアル

HEX #FF6B89 まで HEX #FF6B72


CSSコード:

background-image: radial-gradient(circle, #FF6B89 8%, #FF6B72 86%);

 

HEX #FF6B72 まで HEX #FF6B89


CSSコード:

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

 

HEX #FF6B72 まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #FF6B72 1%, #FF6B89 91%);

 

HEX #FF6B89 まで HEX #FF7C6B


CSSコード:

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

 

HEX #FF6B89 まで HEX #FF7C6B


CSSコード:

background-image: radial-gradient(circle, #FF6B89 8%, #FF7C6B 98%);

 

HEX #FF7C6B まで HEX #FF6B89


CSSコード:

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

 

HEX #FF7C6B まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #FF7C6B 4%, #FF6B89 89%);

 

HEX #FF6B89 まで HEX #FF956B


CSSコード:

background-image: linear-gradient(135deg, #FF6B89 8%, #FF956B 95%);

 

HEX #FF6B89 まで HEX #FF956B


CSSコード:

background-image: radial-gradient(circle, #FF6B89 10%, #FF956B 93%);

 

HEX #FF956B まで HEX #FF6B89


CSSコード:

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

 

HEX #FF956B まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #FF956B 12%, #FF6B89 96%);

 

HEX #FF6B89 まで HEX #FFAD6B


CSSコード:

background-image: linear-gradient(135deg, #FF6B89 4%, #FFAD6B 91%);

 

HEX #FF6B89 まで HEX #FFAD6B


CSSコード:

background-image: radial-gradient(circle, #FF6B89 0%, #FFAD6B 92%);

 

HEX #FFAD6B まで HEX #FF6B89


CSSコード:

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

 

HEX #FFAD6B まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #FFAD6B 7%, #FF6B89 90%);

リニア

HEX #FF6B89 まで HEX #33151B


CSSコード:

background-image: linear-gradient(135deg, #FF6B89 3%, #33151B 88%);

ラジアル

HEX #FF6B89 まで HEX #33151B


CSSコード:

background-image: radial-gradient(circle, #FF6B89 1%, #33151B 99%);

 

HEX #33151B まで HEX #FF6B89


CSSコード:

background-image: linear-gradient(135deg, #33151B 1%, #FF6B89 94%);

 

HEX #33151B まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #33151B 11%, #FF6B89 96%);

 

HEX #FF6B89 まで HEX #662B37


CSSコード:

background-image: linear-gradient(135deg, #FF6B89 12%, #662B37 92%);

 

HEX #FF6B89 まで HEX #662B37


CSSコード:

background-image: radial-gradient(circle, #FF6B89 13%, #662B37 90%);

 

HEX #662B37 まで HEX #FF6B89


CSSコード:

background-image: linear-gradient(135deg, #662B37 12%, #FF6B89 93%);

 

HEX #662B37 まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #662B37 9%, #FF6B89 86%);

 

HEX #FF6B89 まで HEX #994052


CSSコード:

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

 

HEX #FF6B89 まで HEX #994052


CSSコード:

background-image: radial-gradient(circle, #FF6B89 13%, #994052 100%);

 

HEX #994052 まで HEX #FF6B89


CSSコード:

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

 

HEX #994052 まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #994052 8%, #FF6B89 90%);

 

HEX #FF6B89 まで HEX #CC566E


CSSコード:

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

 

HEX #FF6B89 まで HEX #CC566E


CSSコード:

background-image: radial-gradient(circle, #FF6B89 7%, #CC566E 90%);

 

HEX #CC566E まで HEX #FF6B89


CSSコード:

background-image: linear-gradient(135deg, #CC566E 6%, #FF6B89 96%);

 

HEX #CC566E まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #CC566E 10%, #FF6B89 93%);

リニア

HEX #FF6B89 まで HEX #FFFC6B


CSSコード:

background-image: linear-gradient(135deg, #FF6B89 5%, #FFFC6B 90%);

ラジアル

HEX #FF6B89 まで HEX #FFFC6B


CSSコード:

background-image: radial-gradient(circle, #FF6B89 0%, #FFFC6B 99%);

 

HEX #FFFC6B まで HEX #FF6B89


CSSコード:

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

 

HEX #FFFC6B まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #FFFC6B 8%, #FF6B89 100%);

 

HEX #FF6B89 まで HEX #6BC6FF


CSSコード:

background-image: linear-gradient(135deg, #FF6B89 2%, #6BC6FF 89%);

 

HEX #FF6B89 まで HEX #6BC6FF


CSSコード:

background-image: radial-gradient(circle, #FF6B89 6%, #6BC6FF 86%);

 

HEX #6BC6FF まで HEX #FF6B89


CSSコード:

background-image: linear-gradient(135deg, #6BC6FF 4%, #FF6B89 88%);

 

HEX #6BC6FF まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #6BC6FF 9%, #FF6B89 98%);

リニア

HEX #FF6B89 まで HEX #8BFF6B


CSSコード:

background-image: linear-gradient(135deg, #FF6B89 1%, #8BFF6B 95%);

ラジアル

HEX #FF6B89 まで HEX #8BFF6B


CSSコード:

background-image: radial-gradient(circle, #FF6B89 13%, #8BFF6B 91%);

 

HEX #8BFF6B まで HEX #FF6B89


CSSコード:

background-image: linear-gradient(135deg, #8BFF6B 5%, #FF6B89 95%);

 

HEX #8BFF6B まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #8BFF6B 9%, #FF6B89 96%);

 

HEX #FF6B89 まで HEX #6B8BFF


CSSコード:

background-image: linear-gradient(135deg, #FF6B89 6%, #6B8BFF 88%);

 

HEX #FF6B89 まで HEX #6B8BFF


CSSコード:

background-image: radial-gradient(circle, #FF6B89 3%, #6B8BFF 88%);

 

HEX #6B8BFF まで HEX #FF6B89


CSSコード:

background-image: linear-gradient(135deg, #6B8BFF 3%, #FF6B89 92%);

 

HEX #6B8BFF まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #6B8BFF 11%, #FF6B89 94%);

リニア

HEX #FF6B89 まで HEX #FFFC6B


CSSコード:

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

ラジアル

HEX #FF6B89 まで HEX #FFFC6B


CSSコード:

background-image: radial-gradient(circle, #FF6B89 8%, #FFFC6B 87%);

 

HEX #FFFC6B まで HEX #FF6B89


CSSコード:

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

 

HEX #FFFC6B まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #FFFC6B 13%, #FF6B89 89%);

 

HEX #FF6B89 まで HEX #6BFFDE


CSSコード:

background-image: linear-gradient(135deg, #FF6B89 5%, #6BFFDE 90%);

 

HEX #FF6B89 まで HEX #6BFFDE


CSSコード:

background-image: radial-gradient(circle, #FF6B89 12%, #6BFFDE 88%);

 

HEX #6BFFDE まで HEX #FF6B89


CSSコード:

background-image: linear-gradient(135deg, #6BFFDE 12%, #FF6B89 90%);

 

HEX #6BFFDE まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #6BFFDE 14%, #FF6B89 86%);

 

HEX #FF6B89 まで HEX #6B6DFF


CSSコード:

background-image: linear-gradient(135deg, #FF6B89 12%, #6B6DFF 97%);

 

HEX #FF6B89 まで HEX #6B6DFF


CSSコード:

background-image: radial-gradient(circle, #FF6B89 4%, #6B6DFF 91%);

 

HEX #6B6DFF まで HEX #FF6B89


CSSコード:

background-image: linear-gradient(135deg, #6B6DFF 5%, #FF6B89 100%);

 

HEX #6B6DFF まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #6B6DFF 6%, #FF6B89 89%);

リニア

HEX #FF6B89 まで HEX #D5FF6B


CSSコード:

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

ラジアル

HEX #FF6B89 まで HEX #D5FF6B


CSSコード:

background-image: radial-gradient(circle, #FF6B89 12%, #D5FF6B 99%);

 

HEX #D5FF6B まで HEX #FF6B89


CSSコード:

background-image: linear-gradient(135deg, #D5FF6B 11%, #FF6B89 96%);

 

HEX #D5FF6B まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #D5FF6B 9%, #FF6B89 86%);

 

HEX #FF6B89 まで HEX #6BFFDE


CSSコード:

background-image: linear-gradient(135deg, #FF6B89 1%, #6BFFDE 98%);

 

HEX #FF6B89 まで HEX #6BFFDE


CSSコード:

background-image: radial-gradient(circle, #FF6B89 5%, #6BFFDE 97%);

 

HEX #6BFFDE まで HEX #FF6B89


CSSコード:

background-image: linear-gradient(135deg, #6BFFDE 3%, #FF6B89 92%);

 

HEX #6BFFDE まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #6BFFDE 9%, #FF6B89 86%);

 

HEX #FF6B89 まで HEX #956BFF


CSSコード:

background-image: linear-gradient(135deg, #FF6B89 11%, #956BFF 93%);

 

HEX #FF6B89 まで HEX #956BFF


CSSコード:

background-image: radial-gradient(circle, #FF6B89 1%, #956BFF 92%);

 

HEX #956BFF まで HEX #FF6B89


CSSコード:

background-image: linear-gradient(135deg, #956BFF 5%, #FF6B89 91%);

 

HEX #956BFF まで HEX #FF6B89


CSSコード:

background-image: radial-gradient(circle, #956BFF 9%, #FF6B89 90%);

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

サービス内容

カラー

ラグビー に 呪咀

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