
HTML&CSS例
#00c6f1前景
自業自得。
<p style="color: #00c6f1">…</p>
#00c6f1背景
二兎を追う者は一兎をも得ず。
<p style="background-color: #00c6f1">…</p>
#00c6f1テキストに影をつける
我田引水。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c6f1">…</p>
色空間変換
- 十進
- 50929
- 二進法
- 00000000, 11000110, 11110001
- 十六進法
- #00c6f1
- LRV
- ≈ 46.7%
- 最も近い短い16進数
- #0cf ΔE = 3.280
- RGB
- rgb(0, 198, 241)
- RGBA
- rgba(0, 198, 241, 1.0)
- rg色度
- r: 0.000, g: 0.451, b: 0.549
- RYB
- 赤色: 0.000%, 黄色: 42.626%, 青色: 94.510%
- Android/android.graphics.Color
- -16726287/0xff00c6f1
- HSL
- hsl(191, 100%, 47%)
- HSLA
- hsla(191, 100%, 47%, 1.0)
- HSV/HSB
- 色相: 191° (190.705), 飽和: 100% (1.000), 値: 95% (0.945)
- HSP
- 色相: 190.705, 飽和: 100.000%, 知覚される明るさ: 67.508%
- HSLuv(HUSL)
- H: 223.025, S: 100.019, L: 74.019
- Cubehelix
- H: -177.014, S: 1.449, L: 0.562
- TSL
- T: -1.684, S: 0.474, L: 0.564
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 18% (0.178), 黄色: 0% (0.000), キー・プレート: 5% (0.055)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 5% (0.055)
- XYZ
- X: 36.064, Y: 46.734, Z: 90.322
- xyY
- x: 0.208, y: 0.270, Y: 46.734
- Lab色空間
- L: 74.019, a: -26.036, b: -32.715
- CIELuv
- L: 74.019, u: -52.667, v: -49.156
- CIELCH/LCHab
- L: 74.019, C: 41.810, H: 231.486
- CIELUV/LCHuv
- L: 74.019, C: 72.043, H: 223.025
- Hunter-Lab
- L: 68.362, a: -25.467, b: -30.482
- CIECAM02
- J: 63.564, C: 57.512, h: 221.829, Q: 157.078, M: 50.294, s: 56.585, H: 281.484
- OSA-UCS
- 明度: -10.180, 黄色: -5.463, 緑色: 6.131
- LMS
- L: 31.837, M: 54.507, S: 89.566
- YCbCr
- Y: 139.410, Cb: 176.181, Cr: 38.025
- YCoCg
- Y: 159.250, Cg: 38.750, Co: -60.250
- YDbDr
- Y: 143.700, Db: 146.419, Dr: 273.265
- YPbPr
- Y: 158.922, Pb: 44.270, Pr: -100.978
- xvYCC
- Y: 152.486, Cb: 166.888, Cr: 39.298
- YIQ
- Y: 143.700, I: -131.766, Q: -28.489
- YUV
- Y: 143.700, U: 47.882, V: -126.070
- マンセルカラーシステム
- 7.5B 7/8 ΔE = 4.216
- ブランドカラー
- Engadget ΔE = 5.876