2

これが私の状況です：

約 100 個の色変数 ( のような HEX 値で設定) で構成されるファイルを取得しました。それをTheme#FFFFFFと考えてみましょう。

今、私がやりたいことは次のとおりです。

  • 同じ属性セットをすべての変数に適用し、それに応じて変更します
  • 例: すべての色を反転します ( に変える#FFFFFFなど#000000...)

私が知りたいのは：

  • HEX RGB操作のそのような方法/式はすでに利用可能ですか?
  • 操作の（可能な限り）完全なリストを教えていただけますか？(暗くする、明るくする、乗算する、反転する、なんでも - 多ければ多いほど良い)
4

2 に答える 2

3

最初に質問 2 を行いましょう。

カラー操作一覧

ここでの最善の策は、Web で「Color Manipulation Library」を探すことだと思います。OS/プラットフォーム/アプリケーション/ツールが表示されるかどうかは気にしません。API が公開しているものについてはドキュメントを確認してください。これが私が見つけたものです：

  • Sass での色操作

    • 色相調整
    • 飽和する
    • 脱飽和させる
    • 軽くする
    • 暗くする
    • グレースケール
    • 補体
    • mix (面白い! 絵の具の色を混ぜるようなもの)
    • 不透明にする
    • フェードイン
    • フェードアウト
    • 透明化する

  • ルビーカラーツール

    (上記の一部に加えて...)

    • 調整_明るさ
    • 色相の調整
    • 彩度調整
    • darken_by
    • lighten_by

  • 色、Javascript カラー ライブラリ

    （繰り返しますが、すでに上にあるものは無視します...）

    • より明確に
    • 不透明
    • 回転（つまり、色空間を回転させると思います）

  • グレープフルーツ、Python カラー ライブラリ

    厄介なことに、彼らのドキュメントはダウンロードできますが、オンラインでホストされていません.

    • ColorWithAlpha
    • ColorWithWhiteRef
    • ColorWithHue
    • 彩度のある色
    • 色と明度
    • ウェブセーフディザ

これは、開始するのに適した一握りの操作です。Objective-C のものが見つかりませんでした。申し訳ありません。

これらの操作の式

悪いニュース: 公式のチート シートを掲載しているサイトが 1 つも見つかりませんでした。

良いニュース: 上記のライブラリのほとんどすべてがオープン ソースです。ColorWithWhiteRefのぞき見して、実際にどのように機能するかを理解できると確信しています。

幸運を！

于 2012-04-22T08:44:20.993 に答える
1

JavaScript ライブラリを探している場合、xolor ライブラリにはかなりの数の色変換と組み合わせがあります。

2 色の組み合わせ:

  • ブレンド - 最初の色が不透明な場合に、ある色を別の色に重ねます
  • 結合 - 2 つの色を XOR で結合します
  • add - 2 色の加算混合
  • 減法 - 2 色の減法混色
  • 減算 - 2 つの色の減算 (減法、非標準の色関数とは異なります)
  • 乗算 - 2 つの色の乗算的な混合
  • average - 2 色の平均
  • グラデーション - 2 つの色の間のグラデーションに沿って色を返します

関連色:

  • lightness - 明度レベルを返すか変更します
  • 彩度 - 彩度を返すか変更します
  • hue - 色相を返すか変更する
  • luminosity - WCAG 輝度を返します
  • セピアフィルター
  • 逆
  • grayFilter - 色をグレースケール バージョンに変更します

関連する色のリスト:

  • トライアド
  • テトラッド
  • 分割補数
  • 単色
  • 類似の
  • schemeByDegrees - 任意の数の色相角度デルタの配列を渡すことにより、任意の数の色のセットを作成します

その他

  • 距離 - を取得します
  • コントラスト - 2 つの色の間の WCAG コントラスト レベルを取得します
于 2017-01-17T05:59:27.737 に答える