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

✕

CSS グラデーション:
#8BC1CF

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #8BC1CF まで HEX #743E30


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 6%, #743E30 91%);

ラジアル

HEX #8BC1CF まで HEX #743E30


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 14%, #743E30 86%);

 

HEX #743E30 まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #743E30 10%, #8BC1CF 93%);

 

HEX #743E30 まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #743E30 8%, #8BC1CF 88%);

リニア

HEX #8BC1CF まで HEX #A1D3DD


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 11%, #A1D3DD 87%);

ラジアル

HEX #8BC1CF まで HEX #A1D3DD


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 8%, #A1D3DD 97%);

 

HEX #A1D3DD まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #A1D3DD 9%, #8BC1CF 89%);

 

HEX #A1D3DD まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #A1D3DD 3%, #8BC1CF 89%);

 

HEX #8BC1CF まで HEX #B2E5F0


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 7%, #B2E5F0 88%);

 

HEX #8BC1CF まで HEX #B2E5F0


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 9%, #B2E5F0 95%);

 

HEX #B2E5F0 まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #B2E5F0 12%, #8BC1CF 90%);

 

HEX #B2E5F0 まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #B2E5F0 9%, #8BC1CF 94%);

 

HEX #8BC1CF まで HEX #C3F7FF


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 14%, #C3F7FF 87%);

 

HEX #8BC1CF まで HEX #C3F7FF


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 13%, #C3F7FF 95%);

 

HEX #C3F7FF まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #C3F7FF 7%, #8BC1CF 94%);

 

HEX #C3F7FF まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #C3F7FF 1%, #8BC1CF 90%);

 

HEX #8BC1CF まで HEX #D4FFFF


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 3%, #D4FFFF 94%);

 

HEX #8BC1CF まで HEX #D4FFFF


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 2%, #D4FFFF 90%);

 

HEX #D4FFFF まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #D4FFFF 14%, #8BC1CF 96%);

 

HEX #D4FFFF まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #D4FFFF 3%, #8BC1CF 98%);

リニア

HEX #8BC1CF まで HEX #7AAFBC


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 0%, #7AAFBC 92%);

ラジアル

HEX #8BC1CF まで HEX #7AAFBC


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 7%, #7AAFBC 92%);

 

HEX #7AAFBC まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #7AAFBC 1%, #8BC1CF 97%);

 

HEX #7AAFBC まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #7AAFBC 0%, #8BC1CF 89%);

 

HEX #8BC1CF まで HEX #699DA9


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 14%, #699DA9 89%);

 

HEX #8BC1CF まで HEX #699DA9


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 7%, #699DA9 95%);

 

HEX #699DA9 まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #699DA9 3%, #8BC1CF 91%);

 

HEX #699DA9 まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #699DA9 8%, #8BC1CF 95%);

 

HEX #8BC1CF まで HEX #588B96


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 9%, #588B96 91%);

 

HEX #8BC1CF まで HEX #588B96


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 2%, #588B96 92%);

 

HEX #588B96 まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #588B96 7%, #8BC1CF 88%);

 

HEX #588B96 まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #588B96 4%, #8BC1CF 95%);

 

HEX #8BC1CF まで HEX #477983


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 5%, #477983 93%);

 

HEX #8BC1CF まで HEX #477983


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 13%, #477983 95%);

 

HEX #477983 まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #477983 13%, #8BC1CF 94%);

 

HEX #477983 まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #477983 10%, #8BC1CF 86%);

リニア

HEX #8BC1CF まで HEX #8BB6CE


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 3%, #8BB6CE 94%);

ラジアル

HEX #8BC1CF まで HEX #8BB6CE


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 7%, #8BB6CE 86%);

 

HEX #8BB6CE まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #8BB6CE 1%, #8BC1CF 86%);

 

HEX #8BB6CE まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #8BB6CE 3%, #8BC1CF 86%);

 

HEX #8BC1CF まで HEX #8BABCE


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 10%, #8BABCE 94%);

 

HEX #8BC1CF まで HEX #8BABCE


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 7%, #8BABCE 97%);

 

HEX #8BABCE まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #8BABCE 0%, #8BC1CF 95%);

 

HEX #8BABCE まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #8BABCE 9%, #8BC1CF 90%);

 

HEX #8BC1CF まで HEX #8BA0CE


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 9%, #8BA0CE 98%);

 

HEX #8BC1CF まで HEX #8BA0CE


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 2%, #8BA0CE 96%);

 

HEX #8BA0CE まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #8BA0CE 8%, #8BC1CF 93%);

 

HEX #8BA0CE まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #8BA0CE 7%, #8BC1CF 88%);

 

HEX #8BC1CF まで HEX #8B94CE


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 13%, #8B94CE 97%);

 

HEX #8BC1CF まで HEX #8B94CE


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 3%, #8B94CE 93%);

 

HEX #8B94CE まで HEX #8BC1CF


CSSコード:

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

 

HEX #8B94CE まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #8B94CE 2%, #8BC1CF 98%);

リニア

HEX #8BC1CF まで HEX #020303


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 1%, #020303 92%);

ラジアル

HEX #8BC1CF まで HEX #020303


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 2%, #020303 92%);

 

HEX #020303 まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #020303 7%, #8BC1CF 91%);

 

HEX #020303 まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #020303 11%, #8BC1CF 99%);

 

HEX #8BC1CF まで HEX #243236


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 14%, #243236 95%);

 

HEX #8BC1CF まで HEX #243236


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 1%, #243236 89%);

 

HEX #243236 まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #243236 5%, #8BC1CF 100%);

 

HEX #243236 まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #243236 4%, #8BC1CF 94%);

 

HEX #8BC1CF まで HEX #476269


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 6%, #476269 97%);

 

HEX #8BC1CF まで HEX #476269


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 6%, #476269 95%);

 

HEX #476269 まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #476269 13%, #8BC1CF 94%);

 

HEX #476269 まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #476269 2%, #8BC1CF 100%);

 

HEX #8BC1CF まで HEX #69919C


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 11%, #69919C 94%);

 

HEX #8BC1CF まで HEX #69919C


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 10%, #69919C 88%);

 

HEX #69919C まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #69919C 11%, #8BC1CF 89%);

 

HEX #69919C まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #69919C 2%, #8BC1CF 97%);

リニア

HEX #8BC1CF まで HEX #A68BCE


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 9%, #A68BCE 99%);

ラジアル

HEX #8BC1CF まで HEX #A68BCE


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 14%, #A68BCE 86%);

 

HEX #A68BCE まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #A68BCE 1%, #8BC1CF 94%);

 

HEX #A68BCE まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #A68BCE 10%, #8BC1CF 95%);

 

HEX #8BC1CF まで HEX #CEC18B


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 3%, #CEC18B 93%);

 

HEX #8BC1CF まで HEX #CEC18B


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 12%, #CEC18B 96%);

 

HEX #CEC18B まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #CEC18B 13%, #8BC1CF 88%);

 

HEX #CEC18B まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #CEC18B 1%, #8BC1CF 86%);

リニア

HEX #8BC1CF まで HEX #CE8BC1


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 13%, #CE8BC1 99%);

ラジアル

HEX #8BC1CF まで HEX #CE8BC1


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 7%, #CE8BC1 89%);

 

HEX #CE8BC1 まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #CE8BC1 5%, #8BC1CF 90%);

 

HEX #CE8BC1 まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #CE8BC1 0%, #8BC1CF 96%);

 

HEX #8BC1CF まで HEX #C1CE8B


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 0%, #C1CE8B 90%);

 

HEX #8BC1CF まで HEX #C1CE8B


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 7%, #C1CE8B 90%);

 

HEX #C1CE8B まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #C1CE8B 5%, #8BC1CF 94%);

 

HEX #C1CE8B まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #C1CE8B 3%, #8BC1CF 98%);

リニア

HEX #8BC1CF まで HEX #A68BCE


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 2%, #A68BCE 87%);

ラジアル

HEX #8BC1CF まで HEX #A68BCE


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 11%, #A68BCE 97%);

 

HEX #A68BCE まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #A68BCE 11%, #8BC1CF 94%);

 

HEX #A68BCE まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #A68BCE 14%, #8BC1CF 86%);

 

HEX #8BC1CF まで HEX #CE998B


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 1%, #CE998B 88%);

 

HEX #8BC1CF まで HEX #CE998B


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 0%, #CE998B 99%);

 

HEX #CE998B まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #CE998B 11%, #8BC1CF 89%);

 

HEX #CE998B まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #CE998B 13%, #8BC1CF 99%);

 

HEX #8BC1CF まで HEX #B4CE8B


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 0%, #B4CE8B 92%);

 

HEX #8BC1CF まで HEX #B4CE8B


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 14%, #B4CE8B 89%);

 

HEX #B4CE8B まで HEX #8BC1CF


CSSコード:

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

 

HEX #B4CE8B まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #B4CE8B 10%, #8BC1CF 87%);

リニア

HEX #8BC1CF まで HEX #BA8BCE


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 13%, #BA8BCE 96%);

ラジアル

HEX #8BC1CF まで HEX #BA8BCE


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 10%, #BA8BCE 90%);

 

HEX #BA8BCE まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #BA8BCE 11%, #8BC1CF 98%);

 

HEX #BA8BCE まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #BA8BCE 11%, #8BC1CF 93%);

 

HEX #8BC1CF まで HEX #CE998B


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 11%, #CE998B 91%);

 

HEX #8BC1CF まで HEX #CE998B


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 11%, #CE998B 88%);

 

HEX #CE998B まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #CE998B 8%, #8BC1CF 89%);

 

HEX #CE998B まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #CE998B 13%, #8BC1CF 100%);

 

HEX #8BC1CF まで HEX #A0CE8B


CSSコード:

background-image: linear-gradient(135deg, #8BC1CF 11%, #A0CE8B 92%);

 

HEX #8BC1CF まで HEX #A0CE8B


CSSコード:

background-image: radial-gradient(circle, #8BC1CF 7%, #A0CE8B 95%);

 

HEX #A0CE8B まで HEX #8BC1CF


CSSコード:

background-image: linear-gradient(135deg, #A0CE8B 0%, #8BC1CF 99%);

 

HEX #A0CE8B まで HEX #8BC1CF


CSSコード:

background-image: radial-gradient(circle, #A0CE8B 14%, #8BC1CF 92%);

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

サービス内容

カラー

ラグビー に 呪咀

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