新機能: APIパッケージが利用可能になりました。


複数のAPIキーを作成し、毎月のトークンクォータを管理し、qConvをアプリケーションに柔軟に統合することができます。

2025-08-15:全パッケージを紹介価格でご利用いただけます。

今すぐ見る X

カラーパレット - WVG neu

概要

了い

想定される用途

これらのカラーパレットを継続して使用することができます。個々の色を変えるなどして、自分好みに仕上げてください。これらのカラーパレットを評価し、共有してください。

このカラーパレットから2色を使用した線形および放射状の色の遷移の例を見つける。

最初の3色はあらかじめ選択されています-利用可能な場合。各色の右下にあるカラーアイコンで追加・非選択が可能です。

Webデザインに最適:CSSコードをコピーして、Webサイトに簡単に組み込むことができます。

このカラーパレットから3色を使用して、線形および放射状の色遷移の例を見つける。

最初の3色は事前に選択されています - 利用可能な場合。各色の右下にあるカラーアイコンで追加・非選択が可能です。

Webデザインに最適:CSSコードをコピーして、Webサイトに簡単に組み込むことができます。

表示オプション

#99BAFF

CMYK 40 / 27 / 0 / 0

HEX #99BAFF

RGB 153 186 255

HSL 220.59, 1%, 0.8%

LAB 75.52, 5.74, -37.59

 

#0D4DE6

CMYK 94 / 67 / 0 / 10

HEX #0D4DE6

RGB 13 77 230

HSL 222.3, 0.89%, 0.48%

LAB 39.76, 41.94, -81.36

 

#000082

CMYK 100 / 100 / 0 / 49

HEX #000082

RGB 0 0 130

HSL 240, 1%, 0.25%

LAB 13.3, 48.04, -65.43

 

#007B8A

CMYK 100 / 11 / 0 / 46

HEX #007B8A

RGB 0 123 138

HSL 186.52, 1%, 0.27%

LAB 46.98, -22.93, -16.32

 

#03E7A1

CMYK 99 / 0 / 30 / 9

HEX #03E7A1

RGB 3 231 161

HSL 161.58, 0.97%, 0.46%

LAB 81.7, -62.58, 21.26

 

#068829

CMYK 96 / 0 / 70 / 47

HEX #068829

RGB 6 136 41

HSL 136.15, 0.92%, 0.28%

LAB 49.26, -51.07, 40.68

 

#A7F258

CMYK 31 / 0 / 64 / 5

HEX #A7F258

RGB 167 242 88

HSL 89.22, 0.86%, 0.65%

LAB 88.17, -46.88, 64.78

 

#F2EA58

CMYK 0 / 3 / 64 / 5

HEX #F2EA58

RGB 242 234 88

HSL 56.88, 0.86%, 0.65%

LAB 90.97, -14.34, 69.26

 

#FFC745

CMYK 0 / 22 / 73 / 0

HEX #FFC745

RGB 255 199 69

HSL 41.94, 1%, 0.64%

LAB 83.2, 7.77, 69.15

 

#E57423

CMYK 0 / 49 / 85 / 10

HEX #E57423

RGB 229 116 35

HSL 25.05, 0.79%, 0.52%

LAB 61.02, 39.13, 60.27

 

#C90C4D

CMYK 0 / 94 / 62 / 21

HEX #C90C4D

RGB 201 12 77

HSL 339.37, 0.89%, 0.42%

LAB 43.09, 68.04, 17.33

 

#FF89E4

CMYK 0 / 46 / 11 / 0

HEX #FF89E4

RGB 255 137 228

HSL 313.73, 1%, 0.77%

LAB 72.73, 56.23, -26.47

 

#BF48CA

CMYK 5 / 64 / 0 / 21

HEX #BF48CA

RGB 191 72 202

HSL 294.92, 0.55%, 0.54%

LAB 51.81, 64.26, -45.14

 

#7D0EB8

CMYK 32 / 92 / 0 / 28

HEX #7D0EB8

RGB 125 14 184

HSL 279.18, 0.86%, 0.39%

LAB 34.26, 66.53, -63.42

 

#E3BBFF

CMYK 11 / 27 / 0 / 0

HEX #E3BBFF

RGB 227 187 255

HSL 275.29, 1%, 0.87%

LAB 81.34, 26.51, -28.15

 

リニア

HEX #99BAFF まで HEX #0D4DE6


CSSコード:

background-image: linear-gradient(135deg, #99BAFF 8%, #0D4DE6 101%);

ラジアル

HEX #99BAFF まで HEX #0D4DE6


CSSコード:

background-image: radial-gradient(circle, #99BAFF 4%, #0D4DE6 196%);

 

HEX #99BAFF まで HEX #000082


CSSコード:

background-image: linear-gradient(135deg, #99BAFF 11%, #000082 96%);

 

HEX #99BAFF まで HEX #000082


CSSコード:

background-image: radial-gradient(circle, #99BAFF -5%, #000082 200%);

 

HEX #0D4DE6 まで HEX #99BAFF


CSSコード:

background-image: linear-gradient(135deg, #0D4DE6 2%, #99BAFF 107%);

 

HEX #0D4DE6 まで HEX #99BAFF


CSSコード:

background-image: radial-gradient(circle, #0D4DE6 6%, #99BAFF 205%);

 

HEX #0D4DE6 まで HEX #000082


CSSコード:

background-image: linear-gradient(135deg, #0D4DE6 12%, #000082 105%);

 

HEX #0D4DE6 まで HEX #000082


CSSコード:

background-image: radial-gradient(circle, #0D4DE6 2%, #000082 187%);

 

HEX #000082 まで HEX #99BAFF


CSSコード:

background-image: linear-gradient(135deg, #000082 8%, #99BAFF 100%);

 

HEX #000082 まで HEX #99BAFF


CSSコード:

background-image: radial-gradient(circle, #000082 -9%, #99BAFF 188%);

 

HEX #000082 まで HEX #0D4DE6


CSSコード:

background-image: linear-gradient(135deg, #000082 2%, #0D4DE6 105%);

 

HEX #000082 まで HEX #0D4DE6


CSSコード:

background-image: radial-gradient(circle, #000082 1%, #0D4DE6 198%);

リニア

HEX #99BAFF を経て HEX #0D4DE6 まで HEX #000082


CSSコード:

background-image: linear-gradient(135deg, #99BAFF 14%, #0D4DE6 47%, #000082 109%);

ラジアル

HEX #99BAFF を経て HEX #0D4DE6 まで HEX #000082


CSSコード:

background-image: radial-gradient(circle, #99BAFF -7%, #0D4DE6 54%, #000082 98%);

 

HEX #99BAFF を経て HEX #000082 まで HEX #0D4DE6


CSSコード:

background-image: linear-gradient(135deg, #99BAFF 8%, #000082 46%, #0D4DE6 91%);

 

HEX #99BAFF を経て HEX #000082 まで HEX #0D4DE6


CSSコード:

background-image: radial-gradient(circle, #99BAFF -1%, #000082 44%, #0D4DE6 106%);

 

HEX #0D4DE6 を経て HEX #99BAFF まで HEX #000082


CSSコード:

background-image: linear-gradient(135deg, #0D4DE6 2%, #99BAFF 44%, #000082 100%);

 

HEX #0D4DE6 を経て HEX #99BAFF まで HEX #000082


CSSコード:

background-image: radial-gradient(circle, #0D4DE6 -6%, #99BAFF 49%, #000082 105%);

 

HEX #0D4DE6 を経て HEX #000082 まで HEX #99BAFF


CSSコード:

background-image: linear-gradient(135deg, #0D4DE6 12%, #000082 53%, #99BAFF 100%);

 

HEX #0D4DE6 を経て HEX #000082 まで HEX #99BAFF


CSSコード:

background-image: radial-gradient(circle, #0D4DE6 9%, #000082 42%, #99BAFF 93%);

 

HEX #000082 を経て HEX #99BAFF まで HEX #0D4DE6


CSSコード:

background-image: linear-gradient(135deg, #000082 6%, #99BAFF 50%, #0D4DE6 89%);

 

HEX #000082 を経て HEX #99BAFF まで HEX #0D4DE6


CSSコード:

background-image: radial-gradient(circle, #000082 14%, #99BAFF 50%, #0D4DE6 87%);

 

HEX #000082 を経て HEX #0D4DE6 まで HEX #99BAFF


CSSコード:

background-image: linear-gradient(135deg, #000082 -9%, #0D4DE6 43%, #99BAFF 93%);

 

HEX #000082 を経て HEX #0D4DE6 まで HEX #99BAFF


CSSコード:

background-image: radial-gradient(circle, #000082 -7%, #0D4DE6 48%, #99BAFF 93%);

2色グラデーション対応(12 個数)。

見せてください

3色グラデーション対応(12 個数)。

見せてください

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

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

レッツゴー

ディスプレイ

人気のあるコンバージョン

ラグビー に 呪咀

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

カミーユ に 呪咀

から変換する CMYK シアン/マゼンタ/イエロー/キー まで #RRGGBB

カミーユ に ラグビー

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RGB レッド・グリーン・ブルー

カミーユ に ラグバ

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RGBA 赤 緑 青 透過率

カミーユ に ラル®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RAL® 番号 (RAL 0000)

カミーユ に 豚足®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで HKS® 番号(HKS 00)

カミーユ に パントン®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで Pantone® 番号 (Pantone 0000)

カミーユ に シャーウィン・ウィリアムズ®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

カミーユ に エヌシーエス®

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

エヌシーエス® に ラグビー

から変換する NCS番号(S0000-X00X) まで RGB レッド・グリーン・ブルー

エヌシーエス® に ラグバ

から変換する NCS番号(S0000-X00X) まで RGBA 赤 緑 青 透過率

エヌシーエス® に カミーユ

から変換する NCS番号(S0000-X00X) まで CMYK シアン/マゼンタ/イエロー/キー

Icons

エヌシーエス® に 呪咀

から変換する NCS番号(S0000-X00X) まで #RRGGBB

エヌシーエス® に ラル®

から変換する NCS番号(S0000-X00X) まで RAL® 番号 (RAL 0000)

エヌシーエス® に 豚足®

から変換する NCS番号(S0000-X00X) まで HKS® 番号(HKS 00)

エヌシーエス® に パントン®

から変換する NCS番号(S0000-X00X) まで Pantone® 番号 (Pantone 0000)

エヌシーエス® に シャーウィン・ウィリアムズ®

から変換する NCS番号(S0000-X00X) まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

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

アカウントにログイン

または

アカウントを作成する

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

キャンセル シェア

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

シェア

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

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

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

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

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

すべて削除

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