
HTML&CSS例
#00c7e2前景
起死回生。
<p style="color: #00c7e2">…</p>
#00c7e2背景
美人薄命。
<p style="background-color: #00c7e2">…</p>
#00c7e2テキストに影をつける
虎穴に入らずんば虎子を得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c7e2">…</p>
色空間変換
- 十進
- 51170
- 二進法
- 00000000, 11000111, 11100010
- 十六進法
- #00c7e2
- LRV
- ≈ 46.3%
- 最も近い短い16進数
- #0ce ΔE = 2.978
- RGB
- rgb(0, 199, 226)
- RGBA
- rgba(0, 199, 226, 1.0)
- rg色度
- r: 0.000, g: 0.468, b: 0.532
- RYB
- 赤色: 0.000%, 黄色: 41.499%, 青色: 88.627%
- Android/android.graphics.Color
- -16726046/0xff00c7e2
- HSL
- hsl(187, 100%, 44%)
- HSLA
- hsla(187, 100%, 44%, 1.0)
- HSV/HSB
- 色相: 187° (187.168), 飽和: 100% (1.000), 値: 89% (0.886)
- HSP
- 色相: 187.168, 飽和: 100.000%, 知覚される明るさ: 66.861%
- HSLuv(HUSL)
- H: 213.095, S: 100.019, L: 73.761
- Cubehelix
- H: -180.905, S: 1.388, L: 0.558
- TSL
- T: -1.613, S: 0.482, L: 0.559
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 12% (0.119), 黄色: 0% (0.000), キー・プレート: 11% (0.114)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.220), 黄色: 11% (0.114)
- XYZ
- X: 34.145, Y: 46.333, Z: 79.080
- xyY
- x: 0.214, y: 0.290, Y: 46.333
- Lab色空間
- L: 73.761, a: -31.463, b: -25.016
- CIELuv
- L: 73.761, u: -54.187, v: -35.318
- CIELCH/LCHab
- L: 73.761, C: 40.196, H: 218.488
- CIELUV/LCHuv
- L: 73.761, C: 64.681, H: 213.095
- Hunter-Lab
- L: 68.068, a: -29.580, b: -21.234
- CIECAM02
- J: 63.292, C: 54.179, h: 213.856, Q: 156.742, M: 47.379, s: 54.979, H: 271.546
- OSA-UCS
- 明度: -10.134, 黄色: -4.101, 緑色: 6.365
- LMS
- L: 32.083, M: 55.109, S: 78.500
- YCbCr
- Y: 138.444, Cb: 169.305, Cr: 38.722
- YCoCg
- Y: 156.000, Cg: 43.000, Co: -56.500
- YDbDr
- Y: 142.577, Db: 125.541, Dr: 271.126
- YPbPr
- Y: 158.557, Pb: 36.385, Pr: -100.742
- xvYCC
- Y: 152.172, Cb: 159.962, Cr: 39.505
- YIQ
- Y: 142.577, I: -127.222, Q: -33.679
- YUV
- Y: 142.577, U: 41.053, V: -125.085
- マンセルカラーシステム
- 5B 7/8 ΔE = 4.021
- ブランドカラー
- Virb ΔE = 10.078