0

Web サイト (ASP.net MVC で作成) にテーマを実装する必要があります。

アイデアは、ユーザーが 1 つの色 (基本色) を選択し、それから生成する必要があるということです。

  • ホバー状態の色 (40% 明るく)
  • 押された状態の色 (20% 明るい)
  • 暗い色 (20% 暗い)

実装を試みたのですが、これがうまく機能していないことに気付きました。

ユーザーが明るい色を入れると、ホバー状態はほとんど見えなくなります。

インターネットを検索すると、探していると思われるこのリンクが見つかりましたが、実際の例は見つかりませんでした。

私が達成しようとしていることを行うプロジェクトや例はありますか?

4

3 に答える 3

2

これは、JavaScript を使用してクライアント側で行うことができます。

推奨される方法:

  1. RGB 値を使用してベース カラーを選択します。
  2. RGB を HSL に変換する
  3. HSL明度の増減
  4. HSL を RGB に戻す
  5. RGB を CSS 互換の 16 進数に変換し、テーマで使用します。

HSL / RGB 変換を行うには、これを使用できます。

http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript

RGB値を16進数に変換するために変更できる例を次に示します

JavaScriptで10進数を16進数に変換するには?

色に関する W3Schools ページもあります。あなたの質問とは直接関係ないかもしれませんが、それでも役に立つかもしれません

http://www.w3schools.com/cssref/css_colors.asp

于 2012-10-05T14:19:17.407 に答える
1

秘訣は、ユーザーが完全な RGB 空間からランダムな色を選択できないようにすることです。代わりに、色相から基本色のみを選択させ、彩度と明るさを自分で設定します。クラス自体には、この値を取得するためのColorメソッドが既にありますが、これらの値から色を作成するためのサポートがありません。これは、この回答で達成できます。

このアプローチでは、ユーザーに基本色のみを選択させるだけで、明るい色と暗い色を確実に選択できます。これを行う印象的な方法は、カラー スキーム デザイナー(既にご存知かもしれません) 内で見ることができます。また、最初のステップで色相のみを選択することもできます。

于 2012-10-05T14:24:23.373 に答える
0

以下の例は機能していますが、適切に機能させるには、色の計算についてある程度の知識が必要です (色が明るすぎる、暗すぎる、色相など)。

これを行う別の方法を見つけましたが、まさに私が必要としていたものです。ここにリンクがあります。

ベースカラーに不透明度 50% の白色を混ぜて、色を明るくします。

于 2012-10-08T10:02:03.480 に答える