P 1つのツールキットで
あらゆるデザイン作業を

グラデーションプリセット

15 の美しいグラデーション プリセットを参照してコピーします。

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

P グラデーションプリセット

グラデーション プリセット ライブラリの使用方法

グラデーション プリセット ライブラリは、Web 背景、UI 要素、グラフィック デザイン用に厳選された 15 個のグラデーションの組み合わせを提供します。プリセットを参照し、好みのグラデーションをクリックすると、プロジェクトで使用する CSS コードを即座にコピーできます。

最新の CSS を使用すると、グラデーションのパフォーマンスがこれまで以上に向上しています。画像を追加することなく、奥行きと視覚的な面白さを加えます。各プリセットは、さまざまなコンテキストに適した最適化された色の組み合わせを使用します。

Pro Tips

Frequently Asked Questions

Q: プリセットをカスタマイズできますか?
プリセットをカスタマイズできますか?はい、プリセットを開始点としてコピーし、グラデーション ジェネレーター ツールを使用して色と角度を調整します。
Q: これらのグラデーションはすべてのブラウザで機能しますか?
これらのグラデーションはすべてのブラウザで機能しますか?はい、線形グラデーションは最新のすべてのブラウザーでサポートされています。 CSS 出力では標準構文が使用されます。
Q: これらのグラデーションはモバイル対応ですか?
これらのグラデーションはモバイル対応ですか?はい、グラデーションはすべてのデバイスでレンダリングされます。パフォーマンスを確保するために、ローエンドのモバイル デバイスでは非常に複雑なグラデーションを避けてください。
Q: グラデーションのテキスト効果を作成するにはどうすればよいですか?
グラデーションのテキスト効果を作成するにはどうすればよいですか? CSS プロパティの background-clip: グラデーションの背景を持つテキストを使用します。プリセットをコピーし、追加の CSS プロパティを追加します。
Q: これらのプリセットはパフォーマンスのために最適化されていますか?
これらのプリセットはパフォーマンスのために最適化されていますか?はい、CSS グラデーションは GPU によってレンダリングされ、優れたパフォーマンスを発揮します。複雑なマルチストップのグラデーションであっても、ページ速度への影響は最小限に抑えられます。

日本の伝統色・和色

和色は平安時代の襲(かさね)の色目に由来する日本の伝統色。桜や山吹、瑠璃など、植物や自然の名前を冠した優しい色合いが特徴で、JIS慣用色名としても制定されています。現代のUIデザインにも落ち着いた配色として人気です。

山吹色 #F8B500

山吹の花に由来する黄金色。JIS慣用色名

撫子色 #EEA9A9

ナデシコの花の淡いピンク。平安時代から愛される

浅葱色 #00A3AF

新選組の羽織で有名な青緑色

茜色 #B7282E

茜草の根から染めた深い赤。夕焼けの色

若草色 #C3D825

春の新芽を思わせる明るい黄緑

瑠璃色 #1E50A2

仏教の七宝「瑠璃」に由来する深い青

桜色 #FEF4F4

桜の花びらのようなごく淡いピンク

藤色 #BBBCDE

藤の花の淡い紫。春の代表色

常磐色 #007B43

常緑樹の深い緑。永遠を象徴する

小豆色 #96514D

小豆に由来する渋い赤褐色

Q: 和色とは何ですか?
和色とは何ですか?和色は平安時代の襲の色目に由来する日本の伝統色で、桜・山吹・瑠璃など自然の名を冠した色が多く、JIS慣用色名として269色が制定されています。
Q: 山吹色はどんな色ですか?
山吹色はどんな色ですか?山吹の花に由来する黄金色で、色値は #F8B500。JIS慣用色名の一つで、太田道灌の逸話でも知られる日本の代表色です。