色の指定は、スライダーバーをドラッグしたりクリックしたりするか、数字を直接入力して行ないます。 色を指定すると全ての色や数値、またスライダーバーの位置が自動的に再計算され最新になります。 生成色（作った色）は、ＲＧＢの16進数表記、ＲＧＢの10進数表記、ＨＳＬ,ＣＭＹＫ,ＨＳＶ（ＨＳＢ）で自動的に計算されます。 ＲＧＢの16進数表記とＲＧＢの10進数表記とＨＳＬはＣＳＳで直接使える形式で表示されますので、クリップボードへコピーすればそのまま使えます。 また、ＲＧＢ,ＨＳＬ,ＣＭＹＫ,ＨＳＶ（ＨＳＢ）が自動的に再計算されますので、色の変換ツールとしても使えます。 スマートフォンと「Google Chrome」と「Mozilla Firefox」でテストしています。 「Microsoft Edge」と「Microsoft Internet Explorer」はスライダーバーの色などが多少ずれますが、使用上は問題ありません。 (CSS3で綺麗なボタンを使っていますので「Microsoft Edge」と「Microsoft Internet Explorer」の表示には完全に対応できていませんが、近いうちに解決する予定です。) 「背景を「設定した色」にする」オプションをチェックすると（デフォルトはチェック）、背景色も「設定した色」に自動的に更新されます。 チェックを外すと背景色は白色になります。
「光の３原色」は「赤(Red)」、「緑(Green)」、「青(Blue)」である。 ＲＧＢはすべての色を赤(Red)（０～２５５）、緑(Green)（０～２５５）、青(Blue)（０～２５５）の「色の３原色」の強さを使って表すカラーモデルである。 ＲＧＢは通常８ビットで色の強さを表し、それらの組み合わせで色を作る。８ビットで表現できる色は２５６色あり、ＲＧＢの3色を組み合わせると２５６×２５６×２５６で、約１６７０万色となる。 そのため、色の強さは０から２５５の２５６段階で表す。１６進数では「０」から「ＦＦ」の２５６段階になる。 またＲＧＢは（ＣＭＹＫとは逆で）色が光であるため、色を混ぜれば混ぜるほど明るくなり白色に近づいていく。そのため「加法混色」と言われる。
ＨＳＬは、色を「色相(Hue)」（０～３６０）、「彩度(Saturation)」（０％～１００％）、「輝度（Lightness)」（０％～１００％）の3要素で表現するカラーモデル。色相は色の種類を表すもので、0度から360度までの角度で指定する。0度は赤色、120度は緑色、240度は青色を表す。反対側の色は補色になる。彩度は色の鮮やかさを表し、100%が最も鮮やかで、値が下がるにつれて色がくすんでいき、0%は灰色を表す。輝度は明るさを表し、100%で白、50%で純色、0%で黒となる。
「色の３原色」は「シアン（Cyan）」、「マゼンタ（Magenta）」、「イエロー（Yellow）」）である。 CMYKは、色を「色の３原色」である「シアン（Cyan）」（０％～１００％）、「マゼンタ（Magenta）」（０％～１００％）、「イエロー（Yellow）」（０％～１００％）と 「キー・プレート（Key plate）」（０％～１００％）（通常黒色）の４種類で表すカラーモデルである。 「色の３原色」（「シアン」、「マゼンタ」、「イエロー」）を使って色を表すため、印刷業界でよく使われる。 ＲＧＢでは色が光であるため、色を混ぜれば混ぜるほど明るくなり白色に近づいていく。そのため「加法混色」と言われる。 一方、ＣＭＹＫでは、色は顔料や染料などの色料であるため、これらを混ぜれば混ぜるほど色が暗くなり、理論上は黒色に近づいていく。 そのため『減法混色』と言われる。 理論上は「色の３原色」の「シアン(C)」と「マゼンタ(M)」と「イエロー(Y)」で全ての色を表現できるはずであるが、 実際には「シアン」、「マゼンタ」、「イエロー」の３色を混合しても綺麗な黒色にはならず、せいぜい鈍い暗い黒色にしかならない。 このため、プリンターなどの印刷機で黒色をより美しく表現する目的として、 「キー・プレート(K)」（通常黒色）インクを混合して綺麗な黒色を表現する。 「キー・プレート(K)」（黒色）を追加するには他にも理由がある。 １つには黒を表現するのに必要なインク量が少なくなり印刷コストが下がる。また、乾燥時間が速くなり高速印刷に向くといったメリットもある。 なおこのシステムで「キー・プレート(K)」（黒色）を０にしてＲＧＢとＣＭＹＫを比較すると、 「シアン(C)」、「マゼンタ(M)」、「イエロー(Y)」の数値はそれぞれ「赤(R)」、「緑(G)」、「青(B)」の数値の反対になることがわかる。 実際に、「シアン(C)」は「赤(R)」の補色であり、「マゼンタ(M)」は「緑(G)」の補色であり、「イエロー(Y)」は「青(B)」の補色である。
ＨＳＶ（ＨＳＢ）は、色を「色相(Hue)」（０～３６０）、「彩度(Saturation)」（０％～１００％）、「明度(Value)」（０％～１００％）の3要素で表現するカラーモデル。HSB(BはBrightness)とも呼ばれる。色相は色の種類を表すもので、0度から360度までの角度で指定する。0度は赤色、120度は緑色、240度は青色を表す。反対側の色は補色になる。 彩度は色の鮮やかさを表し、100%が最も鮮やかで、値が下がるにつれて色がくすんでいき、0%は灰色を表す。明度は色の明るさを表す。