色選択画面 その2 - 色選択画面2のUI構成と使い方

色選択画面 2のUI構成

  色選択画面 2では色のサンプルは表示されず、自分で色を作成します。


  色選択画面 2のUI構成です。

  1.カラーサークル

    色を視覚的に作成することができます。

    外側の丸が色相です。
    内側の三角が彩度と明度です。

    まず外側の丸で色相を選択し、内側の三角が彩度と明度を選択します。
    「2.」や「3.」や「4.」と連携して動作します。

  2.マンセル表色系

    色を「色相」「彩度」「明度」の3つで表現します。
    「1.」や「3.」や「4.」と連携して動作します。

  3.RGB表色系

    色を「赤」「緑」「青」の3つで表現します。
    「1.」や「2.」や「4.」と連携して動作します。
 

  4.カラーコード

    色を「#赤緑青」で表現します。
    CSSのカラーコードと同じです。
    「1.」や「2.」や「3.」と連携して動作します。

  5.現在の色/作成している色

    左側に変更前の色が表示され、右側に現在作成している色が表示されます。

  6.スポイト

    画面上から色を選択します。

  7.「キャンセル」ボタン

    色の作成を中止します。

  8.「OK」ボタン

    作成した色で決定します。