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

✕

CSS グラデーション:
#A8C2A6

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #A8C2A6 まで HEX #573D59


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 1%, #573D59 87%);

ラジアル

HEX #A8C2A6 まで HEX #573D59


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 11%, #573D59 88%);

 

HEX #573D59 まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #573D59 1%, #A8C2A6 95%);

 

HEX #573D59 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #573D59 4%, #A8C2A6 100%);

リニア

HEX #A8C2A6 まで HEX #BED4B4


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 8%, #BED4B4 91%);

ラジアル

HEX #A8C2A6 まで HEX #BED4B4


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 13%, #BED4B4 100%);

 

HEX #BED4B4 まで HEX #A8C2A6


CSSコード:

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

 

HEX #BED4B4 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #BED4B4 3%, #A8C2A6 97%);

 

HEX #A8C2A6 まで HEX #CFE6C7


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 0%, #CFE6C7 90%);

 

HEX #A8C2A6 まで HEX #CFE6C7


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 10%, #CFE6C7 98%);

 

HEX #CFE6C7 まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #CFE6C7 7%, #A8C2A6 87%);

 

HEX #CFE6C7 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #CFE6C7 0%, #A8C2A6 89%);

 

HEX #A8C2A6 まで HEX #E0F8DA


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 7%, #E0F8DA 95%);

 

HEX #A8C2A6 まで HEX #E0F8DA


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 4%, #E0F8DA 89%);

 

HEX #E0F8DA まで HEX #A8C2A6


CSSコード:

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

 

HEX #E0F8DA まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #E0F8DA 2%, #A8C2A6 97%);

 

HEX #A8C2A6 まで HEX #F1FFED


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 8%, #F1FFED 98%);

 

HEX #A8C2A6 まで HEX #F1FFED


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 9%, #F1FFED 96%);

 

HEX #F1FFED まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #F1FFED 3%, #A8C2A6 91%);

 

HEX #F1FFED まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #F1FFED 7%, #A8C2A6 100%);

リニア

HEX #A8C2A6 まで HEX #97B093


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 14%, #97B093 94%);

ラジアル

HEX #A8C2A6 まで HEX #97B093


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 8%, #97B093 98%);

 

HEX #97B093 まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #97B093 5%, #A8C2A6 91%);

 

HEX #97B093 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #97B093 13%, #A8C2A6 91%);

 

HEX #A8C2A6 まで HEX #869E80


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 13%, #869E80 100%);

 

HEX #A8C2A6 まで HEX #869E80


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 12%, #869E80 100%);

 

HEX #869E80 まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #869E80 13%, #A8C2A6 92%);

 

HEX #869E80 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #869E80 4%, #A8C2A6 93%);

 

HEX #A8C2A6 まで HEX #758C6D


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 12%, #758C6D 87%);

 

HEX #A8C2A6 まで HEX #758C6D


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 2%, #758C6D 99%);

 

HEX #758C6D まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #758C6D 10%, #A8C2A6 86%);

 

HEX #758C6D まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #758C6D 1%, #A8C2A6 99%);

 

HEX #A8C2A6 まで HEX #647A5A


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 12%, #647A5A 92%);

 

HEX #A8C2A6 まで HEX #647A5A


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 12%, #647A5A 90%);

 

HEX #647A5A まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #647A5A 8%, #A8C2A6 92%);

 

HEX #647A5A まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #647A5A 1%, #A8C2A6 98%);

リニア

HEX #A8C2A6 まで HEX #A6C3A9


CSSコード:

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

ラジアル

HEX #A8C2A6 まで HEX #A6C3A9


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 6%, #A6C3A9 99%);

 

HEX #A6C3A9 まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #A6C3A9 14%, #A8C2A6 90%);

 

HEX #A6C3A9 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #A6C3A9 10%, #A8C2A6 86%);

 

HEX #A8C2A6 まで HEX #A6C3AE


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 13%, #A6C3AE 91%);

 

HEX #A8C2A6 まで HEX #A6C3AE


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 1%, #A6C3AE 93%);

 

HEX #A6C3AE まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #A6C3AE 12%, #A8C2A6 87%);

 

HEX #A6C3AE まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #A6C3AE 7%, #A8C2A6 91%);

 

HEX #A8C2A6 まで HEX #A6C3B2


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 8%, #A6C3B2 91%);

 

HEX #A8C2A6 まで HEX #A6C3B2


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 4%, #A6C3B2 91%);

 

HEX #A6C3B2 まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #A6C3B2 12%, #A8C2A6 92%);

 

HEX #A6C3B2 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #A6C3B2 0%, #A8C2A6 98%);

 

HEX #A8C2A6 まで HEX #A6C3B7


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 4%, #A6C3B7 93%);

 

HEX #A8C2A6 まで HEX #A6C3B7


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 5%, #A6C3B7 90%);

 

HEX #A6C3B7 まで HEX #A8C2A6


CSSコード:

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

 

HEX #A6C3B7 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #A6C3B7 1%, #A8C2A6 86%);

リニア

HEX #A8C2A6 まで HEX #D4F5D2


CSSコード:

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

ラジアル

HEX #A8C2A6 まで HEX #D4F5D2


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 14%, #D4F5D2 99%);

 

HEX #D4F5D2 まで HEX #A8C2A6


CSSコード:

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

 

HEX #D4F5D2 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #D4F5D2 9%, #A8C2A6 89%);

 

HEX #A8C2A6 まで HEX #242923


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 12%, #242923 87%);

 

HEX #A8C2A6 まで HEX #242923


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 0%, #242923 100%);

 

HEX #242923 まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #242923 13%, #A8C2A6 100%);

 

HEX #242923 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #242923 9%, #A8C2A6 90%);

 

HEX #A8C2A6 まで HEX #505C4F


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 5%, #505C4F 86%);

 

HEX #A8C2A6 まで HEX #505C4F


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 12%, #505C4F 90%);

 

HEX #505C4F まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #505C4F 0%, #A8C2A6 90%);

 

HEX #505C4F まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #505C4F 1%, #A8C2A6 91%);

 

HEX #A8C2A6 まで HEX #7C8F7A


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 12%, #7C8F7A 98%);

 

HEX #A8C2A6 まで HEX #7C8F7A


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 1%, #7C8F7A 96%);

 

HEX #7C8F7A まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #7C8F7A 8%, #A8C2A6 98%);

 

HEX #7C8F7A まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #7C8F7A 12%, #A8C2A6 88%);

リニア

HEX #A8C2A6 まで HEX #A6BFC3


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 0%, #A6BFC3 97%);

ラジアル

HEX #A8C2A6 まで HEX #A6BFC3


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 14%, #A6BFC3 99%);

 

HEX #A6BFC3 まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #A6BFC3 2%, #A8C2A6 88%);

 

HEX #A6BFC3 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #A6BFC3 14%, #A8C2A6 92%);

 

HEX #A8C2A6 まで HEX #C3A6B4


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 1%, #C3A6B4 95%);

 

HEX #A8C2A6 まで HEX #C3A6B4


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 11%, #C3A6B4 97%);

 

HEX #C3A6B4 まで HEX #A8C2A6


CSSコード:

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

 

HEX #C3A6B4 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #C3A6B4 2%, #A8C2A6 92%);

リニア

HEX #A8C2A6 まで HEX #A6A9C3


CSSコード:

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

ラジアル

HEX #A8C2A6 まで HEX #A6A9C3


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 9%, #A6A9C3 96%);

 

HEX #A6A9C3 まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #A6A9C3 13%, #A8C2A6 88%);

 

HEX #A6A9C3 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #A6A9C3 11%, #A8C2A6 87%);

 

HEX #A8C2A6 まで HEX #C3A6A9


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 8%, #C3A6A9 99%);

 

HEX #A8C2A6 まで HEX #C3A6A9


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 7%, #C3A6A9 94%);

 

HEX #C3A6A9 まで HEX #A8C2A6


CSSコード:

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

 

HEX #C3A6A9 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #C3A6A9 8%, #A8C2A6 90%);

リニア

HEX #A8C2A6 まで HEX #A6BFC3


CSSコード:

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

ラジアル

HEX #A8C2A6 まで HEX #A6BFC3


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 4%, #A6BFC3 98%);

 

HEX #A6BFC3 まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #A6BFC3 0%, #A8C2A6 98%);

 

HEX #A6BFC3 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #A6BFC3 14%, #A8C2A6 92%);

 

HEX #A8C2A6 まで HEX #C0A6C3


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 1%, #C0A6C3 95%);

 

HEX #A8C2A6 まで HEX #C0A6C3


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 4%, #C0A6C3 91%);

 

HEX #C0A6C3 まで HEX #A8C2A6


CSSコード:

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

 

HEX #C0A6C3 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #C0A6C3 12%, #A8C2A6 95%);

 

HEX #A8C2A6 まで HEX #C3AAA6


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 14%, #C3AAA6 93%);

 

HEX #A8C2A6 まで HEX #C3AAA6


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 7%, #C3AAA6 87%);

 

HEX #C3AAA6 まで HEX #A8C2A6


CSSコード:

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

 

HEX #C3AAA6 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #C3AAA6 12%, #A8C2A6 91%);

リニア

HEX #A8C2A6 まで HEX #A6B7C3


CSSコード:

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

ラジアル

HEX #A8C2A6 まで HEX #A6B7C3


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 2%, #A6B7C3 89%);

 

HEX #A6B7C3 まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #A6B7C3 12%, #A8C2A6 94%);

 

HEX #A6B7C3 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #A6B7C3 2%, #A8C2A6 86%);

 

HEX #A8C2A6 まで HEX #C0A6C3


CSSコード:

background-image: linear-gradient(135deg, #A8C2A6 10%, #C0A6C3 91%);

 

HEX #A8C2A6 まで HEX #C0A6C3


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 11%, #C0A6C3 98%);

 

HEX #C0A6C3 まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #C0A6C3 10%, #A8C2A6 88%);

 

HEX #C0A6C3 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #C0A6C3 5%, #A8C2A6 98%);

 

HEX #A8C2A6 まで HEX #C3B2A6


CSSコード:

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

 

HEX #A8C2A6 まで HEX #C3B2A6


CSSコード:

background-image: radial-gradient(circle, #A8C2A6 12%, #C3B2A6 90%);

 

HEX #C3B2A6 まで HEX #A8C2A6


CSSコード:

background-image: linear-gradient(135deg, #C3B2A6 9%, #A8C2A6 94%);

 

HEX #C3B2A6 まで HEX #A8C2A6


CSSコード:

background-image: radial-gradient(circle, #C3B2A6 3%, #A8C2A6 89%);

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

サービス内容

カラー

ラグビー に 呪咀

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