最新のWeb開発のチュートリアル
 

Colors NcoI


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)によって記述されました。