
HTML&CSS例
#00c6ff前景
見ぬが花。
<p style="color: #00c6ff">…</p>
#00c6ff背景
井の中の蛙大海を知らず。
<p style="background-color: #00c6ff">…</p>
#00c6ffテキストに影をつける
美人薄命。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c6ff">…</p>
色空間変換
- 十進
- 50943
- 二進法
- 00000000, 11000110, 11111111
- 十六進法
- #00c6ff
- LRV
- ≈ 47.6%
- 最も近い短い16進数
- #3cf ΔE = 2.728
- RGB
- rgb(0, 198, 255)
- RGBA
- rgba(0, 198, 255, 1.0)
- rg色度
- r: 0.000, g: 0.437, b: 0.563
- RYB
- 赤色: 0.000%, 黄色: 43.709%, 青色: 100.000%
- Android/android.graphics.Color
- -16726273/0xff00c6ff
- HSL
- hsl(193, 100%, 50%)
- HSLA
- hsla(193, 100%, 50%, 1.0)
- HSV/HSB
- 色相: 193° (193.412), 飽和: 100% (1.000), 値: 100% (1.000)
- HSP
- 色相: 193.412, 飽和: 100.000%, 知覚される明るさ: 68.404%
- HSLuv(HUSL)
- H: 229.913, S: 100.019, L: 74.574
- Cubehelix
- H: -173.921, S: 1.515, L: 0.568
- TSL
- T: -1.743, S: 0.468, L: 0.570
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 0% (0.000), キー・プレート: 0% (0.000)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 0% (0.000)
- XYZ
- X: 38.236, Y: 47.603, Z: 101.761
- xyY
- x: 0.204, y: 0.254, Y: 47.603
- Lab色空間
- L: 74.574, a: -21.299, b: -39.379
- CIELuv
- L: 74.574, u: -51.594, v: -61.298
- CIELCH/LCHab
- L: 74.574, C: 44.770, H: 241.592
- CIELUV/LCHuv
- L: 74.574, C: 80.121, H: 229.913
- Hunter-Lab
- L: 68.995, a: -21.818, b: -39.151
- CIECAM02
- J: 64.177, C: 61.028, h: 227.643, Q: 157.834, M: 53.368, s: 58.149, H: 288.498
- OSA-UCS
- 明度: -10.219, 黄色: -6.655, 緑色: 5.972
- LMS
- L: 31.944, M: 54.524, S: 100.834
- YCbCr
- Y: 140.782, Cb: 182.327, Cr: 37.031
- YCoCg
- Y: 162.750, Cg: 35.250, Co: -63.750
- YDbDr
- Y: 145.296, Db: 165.081, Dr: 276.303
- YPbPr
- Y: 159.930, Pb: 51.270, Pr: -101.622
- xvYCC
- Y: 153.352, Cb: 173.037, Cr: 38.732
- YIQ
- Y: 145.296, I: -136.264, Q: -24.134
- YUV
- Y: 145.296, U: 53.986, V: -127.471
- マンセルカラーシステム
- 10B 7/8 ΔE = 6.771
- ブランドカラー
- Engadget ΔE = 3.104