NcoI電卓
RGB(255、0、0)
#FF0000
HSL(0、100%、50%)
H:
W:
B:
ナチュラル色(NcoI部位)
ナチュラル色(NcoI部位)はw3iiからイニシアチブです。
システムは、それが簡単にHTMLの色を選択することを可能にするように設計されています。
NcoI部位は色から(パーセント)の距離を指定するには、番号と色の文字を使用して色を指定します。
R30は黄色に向かって移動し、離れて赤から30%を意味します。 (言い換えれば:30%黄と赤)
文字 | 色 | 色相 |
---|---|---|
R | 赤 | R R25 R50 R75 |
Y | 黄 | Y Y25 Y50 Y75 |
G | 緑 | G G25 G50 G75 |
C言語 | シアン | C言語 C25 C50 C75 |
B | 青 | B B25 B50 B75 |
M | マゼンタ | M M25 M50 M75 |
R | Y | G | C言語 | B | M | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
色と距離も色相(0-360)で与えることができます。
R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 300 |
HTMLサポート
NcoI部位は、HTML(まだ)でサポートされていませんが、それはCSS4で推奨新しいHWB色系に非常に近いです。
CSS4を待っている間、あなたはw3ii「カラーライブラリが含まれており、このようなHTML属性としてのNcoIを使用することができます。
例
<div
data-w3-color="R50,50%,0">
<p>London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>
</div>
<script src="http://www.w3ii.com/lib/w3color.js"></script>
»それを自分で試してみてください w3iiカラーライブラリ
上記の例で使用されるJavaScriptライブラリからダウンロードすることができ
http://www.w3ii.com/lib/w3color.js
なぜNCOL?
RGBまたはHEX表記を使用して色を説明しようとすると、非常に困難です。
あなたは(199,21,133)は何色のrgb言うことはできますか?
RGBは、物理的な光源を混合して色を生成する方法に基づいています。
NcoI部位は、色が人間の目にどのように見えるかに基づいています。
このため、NcoI部位は、それがはるかに容易に色を記述することができます。
ナチュラル色は最初カール・エワルドコンスタンティンヘリング( - 1918年ドイツ1834)によって記述されました。