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

CSSグラデーションの作成

グラデーションの保存

このグラデーションはすでに存在しています。

カラーグラデーションには、最低でも2色が必要です。

カラーはnot削除されました。

グラデーションの名前を割り当てる:

キャンセル
 保存

CSSコード:

新しいカラーグラデーションの作成

概要

想定される用途

最新のカラーグラデーションをご紹介します。最も美しいグラデーションを評価し、最も相性の良い色から自分だけのグラデーションを作りましょう。

e

@@i0xir

1'"

e'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'

WTE0y6N9')) OR 822=(SELECT 822 FROM PG_SLEEP(15))--

5CTTpuwn') OR 970=(SELECT 970 FROM PG_SLEEP(15))--

bdUiemUL' OR 554=(SELECT 554 FROM PG_SLEEP(15))--

3Aj7XTd0'; waitfor delay '0:0:15' --

1 waitfor delay '0:0:15' --

(select(0)from(select(sleep(15)))v)/'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"/

0"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z

0'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z

if(now()=sysdate(),sleep(15),0)

-1" OR 2+366-366-1=0+0+0+1 --

-1' OR 2+846-846-1=0+0+0+1 or '1Mgz4G08'='

-1' OR 2+562-562-1=0+0+0+1 --

-1 OR 2+352-352-1=0+0+0+1

-1 OR 2+88-88-1=0+0+0+1 --

e

#BA5918 - #8C4719 - #5D188B - #871FCC

#482CA6 - #1220D9 - #7D3873 - #E74F0D - #2D26C0 - #2023CD - #1220D9

#D0C6B4 - #2F394B

#FF9E18 - #CC7700

表示オプション

CSSコード:

CSSコード:

@@i0xir

CSSコード:

1'"

CSSコード:

e'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'

CSSコード:

WTE0y6N9')) OR 822=(SELECT 822 FROM PG_SLEEP(15))--

CSSコード:

5CTTpuwn') OR 970=(SELECT 970 FROM PG_SLEEP(15))--

CSSコード:

bdUiemUL' OR 554=(SELECT 554 FROM PG_SLEEP(15))--

CSSコード:

3Aj7XTd0'; waitfor delay '0:0:15' --

CSSコード:

1 waitfor delay '0:0:15' --

CSSコード:

(select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/

CSSコード:

0"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z

CSSコード:

0'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z

CSSコード:

if(now()=sysdate(),sleep(15),0)

CSSコード:

-1" OR 2+366-366-1=0+0+0+1 --

CSSコード:

-1' OR 2+846-846-1=0+0+0+1 or '1Mgz4G08'='

CSSコード:

-1' OR 2+562-562-1=0+0+0+1 --

CSSコード:

-1 OR 2+352-352-1=0+0+0+1

CSSコード:

-1 OR 2+88-88-1=0+0+0+1 --

CSSコード:

CSSコード:

CSSコード:

#BA5918 - #8C4719 - #5D188B - #871FCC

CSSコード:

background-image: linear-gradient(118deg, #BA5918 0%,#8C4719 29%,#5D188B 85%,#871FCC 100%);

#482CA6 - #1220D9 - #7D3873 - #E74F0D - #2D26C0 - #2023CD - #1220D9

CSSコード:

background-image: radial-gradient(circle closest-side , #482CA6 0%,#1220D9 16%,#7D3873 26%,#E74F0D 63%,#2D26C0 74%,#2023CD 90%,#1220D9 95%);

#D0C6B4 - #2F394B

CSSコード:

background-image: radial-gradient(circle at 49% center, #D0C6B4 11%,#2F394B 64%);

#FF9E18 - #CC7700

CSSコード:

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

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

レッツゴー

ディスプレイ

もっと見るカラーグラデーション

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

ラグビーに呪咀

から変換する RGB レッド・グリーン・ブルーまで #RRGGBB

ラグビーにカミーユ

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

ラグビーにラル®

から変換する RGB レッド・グリーン・ブルーまで RAL® 番号 (RAL 0000)

ラグビーに豚足®

から変換する RGB レッド・グリーン・ブルーまで HKS® 番号(HKS 00)

ラグビーにパントン®

から変換する RGB レッド・グリーン・ブルーまで Pantone® 番号 (Pantone 0000)

ラグビーにシャーウィン・ウィリアムズ®

から変換する RGB レッド・グリーン・ブルーまでシャーウィン・ウィリアムズ® 番号 (SW 0000)

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

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

ラグバに呪咀

から変換する RGBA 赤緑青透過率まで #RRGGBB

ラグバにカミーユ

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

ラグバにラル®

から変換する RGBA 赤緑青透過率まで RAL® 番号 (RAL 0000)

ラグバに豚足®

から変換する RGBA 赤緑青透過率まで HKS® 番号(HKS 00)

ラグバにパントン®

から変換する RGBA 赤緑青透過率まで Pantone® 番号 (Pantone 0000)

ラグバにシャーウィン・ウィリアムズ®

から変換する RGBA 赤緑青透過率までシャーウィン・ウィリアムズ® 番号 (SW 0000)

ラグバにエヌシーエス®

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

カミーユに呪咀

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

呪咀にラグビー

から変換する #RRGGBB まで RGB レッド・グリーン・ブルー

呪咀にラグバ

から変換する #RRGGBB まで RGBA 赤緑青透過率

呪咀にカミーユ

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

呪咀にラル®

から変換する #RRGGBB まで RAL® 番号 (RAL 0000)

呪咀に豚足®

から変換する #RRGGBB まで HKS® 番号(HKS 00)

呪咀にパントン®

から変換する #RRGGBB まで Pantone® 番号 (Pantone 0000)

呪咀にシャーウィン・ウィリアムズ®

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

呪咀にエヌシーエス®

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

ラル® にラグビー

から変換する RAL® 番号 (RAL 0000) まで RGB レッド・グリーン・ブルー

ラル® にラグバ

から変換する RAL® 番号 (RAL 0000) まで RGBA 赤緑青透過率

ラル® にカミーユ

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

ラル® に呪咀

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

豚足® にラグビー

から変換する HKS® 番号(HKS 00) まで RGB レッド・グリーン・ブルー

豚足® にラグバ

から変換する HKS® 番号(HKS 00) まで RGBA 赤緑青透過率

豚足® にカミーユ

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

豚足® に呪咀

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

パントン® にラグビー

から変換する Pantone® 番号 (Pantone 0000) まで RGB レッド・グリーン・ブルー

パントン® にラグバ

から変換する Pantone® 番号 (Pantone 0000) まで RGBA 赤緑青透過率

パントン® にカミーユ

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

パントン® に呪咀

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

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

アカウントにログイン

または

アカウントを作成する

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

公開

キャンセルシェア

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

表示

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

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

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

了い

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

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

すべて削除

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

注意事項

プライバシー設定

追跡技術の使用に関する選択

qConv.com のクッキーポリシー qConv.com

トラッカーの使用方法

1. 機能性

技術的クッキー

2. 効果測定

Matomo（自社ホスト）

3. マーケティング

Google AdSense（Google Ireland Limited）

Google 広告コンバージョントラッキング（Google Ireland Limited）

設定の管理

拒否の影響

提供者と管理者

用語

CSSグラデーションの作成

新しいカラーグラデーションの作成

概要

想定される用途

e

e

@@i0xir

1'"

e'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'

WTE0y6N9')) OR 822=(SELECT 822 FROM PG_SLEEP(15))--

5CTTpuwn') OR 970=(SELECT 970 FROM PG_SLEEP(15))--

bdUiemUL' OR 554=(SELECT 554 FROM PG_SLEEP(15))--

3Aj7XTd0'; waitfor delay '0:0:15' --

1 waitfor delay '0:0:15' --

(select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/

0"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z

0'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z

if(now()=sysdate(),sleep(15),0)

-1" OR 2+366-366-1=0+0+0+1 --

-1' OR 2+846-846-1=0+0+0+1 or '1Mgz4G08'='

-1' OR 2+562-562-1=0+0+0+1 --

-1 OR 2+352-352-1=0+0+0+1

-1 OR 2+88-88-1=0+0+0+1 --

e

e

#BA5918 - #8C4719 - #5D188B - #871FCC

#482CA6 - #1220D9 - #7D3873 - #E74F0D - #2D26C0 - #2023CD - #1220D9

#D0C6B4 - #2F394B

#FF9E18 - #CC7700

表示オプション

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

ディスプレイ

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

(select(0)from(select(sleep(15)))v)/'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"/