緑は黄色と青 (暖色と寒色) の間の穏やかな色であり、最も平和で安定しており、寛大で寛容な性格を持っています。柔らかく、静かで、満足感があり、優雅で人気のある色です。 Web ページで最も広く使用されている色の 1 つでもあります。
緑は人間と密接な関係があり、永遠の繁栄を表す自然の色であり、生命と希望を表し、また若々しい活力に満ちています。緑は平和と安全、発展と活力、快適と静けさを象徴します。休息をとることで目の疲れを和らげることができます。
自然や健康に関する印象があるので、自然や健康に関するサイトでよく使われます。緑は一部の企業の広報や教育現場でもよく使われます。
緑は私たちの気分を特に明るくしてくれます。黄緑は、新鮮さ、落ち着き、安らぎ、平和、柔らかさ、春、若さ、そして心理的な感情のグレードアップを表します。
以下では、緑系の異なる属性を持つ隣接する色、同じ色の高純度および低純度、対照的な色などの色の組み合わせに基づいて、さまざまな例と分析を実行します。
緑色分析:
写真の主要な色から上記の二次色相HSBモードの数値を見ると、2つの色は明るさが異なるだけで、表示される色相と彩度は同じであることがわかります。真の緑は 120 度ですが、RGB 値で見ると、これら 2 つの色はさまざまな程度で他の色と混合されているため、真の緑とは若干異なります。グリーン自体の特性により、ウェブページ全体が非常に安定して快適に見えます。
補助色は明るさを下げるだけで、ページに重なりと空間の感覚を与えます。
白いブロック表面が緑の特徴を最大限に引き出し、視覚的なリズムを高めます。
色彩の仕上げは「最後の仕上げ」の絶妙なタッチを見事に反映しており、非常に魅力的で、ページ全体が一気に鮮やかで爽やかになり、ページテーマの表現力が高まります。
結論:
主色と補助色は同じ緑色系に属します。異なる明るさの変化により、変化はより緩やかになり、穏やかですが、より明白で、ページの色の層を反映しています。数値で分析して判断しないと、経験に基づいて判断する友人もいる可能性があり、明るさ以外は2色の純度が違うのではないかと誤解しやすくなります。数値モードを適切に使用することで正しい結論が得られます。
ページ全体の色は非常に少なく、最大のカラー ブロックはエメラルド グリーン、2 番目の領域は白、3 番目の領域はダーク グリーンですが、得られる効果は強力で目を引くもので、完全に表示されています。製品のテーマ、目的。
ダークグリーンは、人々に豊かさ、健康、成熟、安定、生命力、開放感といった心理的な感覚を与えます。
グリーン システム分析: (高純度カラー マッチング: グリーン対照的な色の組み合わせ )
HSB 値 H は、60 度が真の黄色であり、主色と補助色が緑に向かって少しだけ傾いていることを示しています。H は 75 度です。明度がやや低めの黄緑の広い領域が主色ですが、彩度は 100% に達するほど高く、補助色には明るさを高めるために優しい緑と白が使用されており、この 2 つの補助色は単に明るさを高めるだけでなく、ページのレイヤー化だけでなく、ページ全体に半透明の配色を与え、緑の特徴を強調することもできます。ダークブラウンの背景は間違いなく前景のすべての単色をステージ上で明るく輝かせます。
このページには、小さな対照的な色のセットが 2 つあります。1 つは黄緑とオレンジと赤、もう 1 つはオレンジと黄色と空の青です。厳密に言えば、これら 2 つの色セットは対照的な色ではありません。 、非常に多くの色があるため、多少の誤差があります。彩度は低くなりますが、このページで最も大きな音を構成するには十分であり、ページ全体が非常にアクティブで鮮やかになります。
結論:
黄色と緑の主色と補助色は、広い範囲に使用しても眩しくはありませんが、ページを非常に元気で元気に見せます。 。
厳密には対照的な色ではない、純度の異なる対照的な色の組み合わせを適切に使用する場合、通常果たせる主な役割は、主色と副色との関係を明確にすることです。 「標準」以外の対照的な色のコントラスト特性は弱まり、ページの色はコーディネートしやすく柔らかく見えますが、それでもテーマを強調することができます。 → 同じ色の薄緑色のウェブページの例:
緑色分析 Strong>: ( 類似色 (ライトグリーン)
メインカラーのグリーン属性は、明度の高いライトグリーンです。前述したように、通常、明度が高くなるほど彩度は低くなり、彩度が低いほど、ページの色は低くなります。色自体に独自の特徴がない限り、色を減らし、補助色の白を広い領域に追加すると、ページ全体が非常に明るく、柔らかく、静かで、さらには暖かく見えます。
ページにはライトグリーンのグラデーションが使用されており、ページ全体の視覚が柔らかく快適になります。
アクセントカラーはメインロゴとボタンに少しだけ表示されますが、ページ全体に色のハイライトももたらします。特に赤色HSBモードのH値は真の赤色に近く、彩度も最高値に達します。もう 1 つのキーカラーは黄色です。これはページ上で緑と赤の対照色として視覚的に表示され、視覚をリラックスさせる役割を果たします。色相環では、黄色は緑と赤の間の移行色であるためです。
結論:
ライトグリーンには、優雅さ、休息、安全、調和、静けさ、柔らかさの感覚があります。
グラデーション効果により、この印象をさらに深めることができます。ただし、ページ配色に淡い色が多すぎるとページ全体が「灰色」になりやすいので、左下の補助色の緑ブロックなど、少し純度の高い色を適量加える必要があります。適切な明るいアクセントは非常に効果的です。この問題を解決してください。

この投稿では、Blackle Moriは、CohostのHTMLサポートの限界を押し広げようとしている間に見つかったハックのいくつかを示します。あえてこれらを使用してください、あなたもCSS犯罪者とラベル付けされないようにしてください。

CSSを備えたカスタムカーソルは素晴らしいですが、JavaScriptを使用して次のレベルに物事を引き出すことができます。 JavaScriptを使用して、カーソル状態間で移行し、カーソル内に動的テキストを配置し、複雑なアニメーションを適用し、フィルターを適用できます。

2025年には、互いに互いに跳ね返る要素を伴うインタラクティブなCSSアニメーションは、CSSにPongを実装する必要はありませんが、CSSの柔軟性とパワーの増加はLee'の疑いを補強します。

CSSバックドロップフィルタープロパティを使用してユーザーインターフェイスをスタイルするためのヒントとコツ。バックドロップフィルターを複数の要素間でレイヤー化する方法を学び、それらを他のCSSグラフィカル効果と統合して、精巧なデザインを作成します。

まあ、SVG'の組み込みのアニメーション機能は、計画どおりに非推奨されることはありませんでした。確かに、CSSとJavaScriptは負荷を運ぶことができる以上のものですが、以前のようにSmilが水中で死んでいないことを知っておくのは良いことです

イェーイ、テキストワラップのジャンプを見てみましょう:サファリテクノロジーのプレビューにかなり着陸してください!しかし、それがChromiumブラウザーでの仕組みとは異なることに注意してください。

このCSS-Tricksアップデートは、アルマナック、最近のポッドキャスト出演、新しいCSSカウンターガイド、および貴重なコンテンツを提供するいくつかの新しい著者の追加の大幅な進歩を強調しています。

ほとんどの場合、人々はTailwind'の@Apply機能を紹介します。このように展示されたとき、@Applyはまったく有望な音をしません。だからobvio


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

ホットトピック









