
HTML&CSS例
#00c4e6前景
悪因悪果。
<p style="color: #00c4e6">…</p>
#00c4e6背景
異体同心。
<p style="background-color: #00c4e6">…</p>
#00c4e6テキストに影をつける
見ぬが花。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c4e6">…</p>
色空間変換
- 十進
- 50406
- 二進法
- 00000000, 11000100, 11100110
- 十六進法
- #00c4e6
- LRV
- ≈ 45.2%
- 最も近い短い16進数
- #0ce ΔE = 2.720
- RGB
- rgb(0, 196, 230)
- RGBA
- rgba(0, 196, 230, 1.0)
- rg色度
- r: 0.000, g: 0.460, b: 0.540
- RYB
- 赤色: 0.000%, 黄色: 41.499%, 青色: 90.196%
- Android/android.graphics.Color
- -16726810/0xff00c4e6
- HSL
- hsl(189, 100%, 45%)
- HSLA
- hsla(189, 100%, 45%, 1.0)
- HSV/HSB
- 色相: 189° (188.870), 飽和: 100% (1.000), 値: 90% (0.902)
- HSP
- 色相: 188.870, 飽和: 100.000%, 知覚される明るさ: 66.297%
- HSLuv(HUSL)
- H: 217.960, S: 100.019, L: 73.016
- Cubehelix
- H: -179.056, S: 1.393, L: 0.553
- TSL
- T: -1.647, S: 0.478, L: 0.554
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 15% (0.148), 黄色: 0% (0.000), キー・プレート: 10% (0.098)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.231), 黄色: 10% (0.098)
- XYZ
- X: 34.017, Y: 45.188, Z: 81.777
- xyY
- x: 0.211, y: 0.281, Y: 45.188
- Lab色空間
- L: 73.016, a: -28.695, b: -28.322
- CIELuv
- L: 73.016, u: -52.857, v: -41.237
- CIELCH/LCHab
- L: 73.016, C: 40.318, H: 224.625
- CIELUV/LCHuv
- L: 73.016, C: 67.040, H: 217.960
- Hunter-Lab
- L: 67.222, a: -27.313, b: -25.071
- CIECAM02
- J: 62.420, C: 55.200, h: 217.713, Q: 155.658, M: 48.272, s: 55.688, H: 276.401
- OSA-UCS
- 明度: -10.155, 黄色: -4.687, 緑色: 6.194
- LMS
- L: 31.060, M: 53.272, S: 81.136
- YCbCr
- Y: 137.324, Cb: 171.934, Cr: 39.542
- YCoCg
- Y: 155.500, Cg: 40.500, Co: -57.500
- YDbDr
- Y: 141.272, Db: 133.522, Dr: 268.646
- YPbPr
- Y: 156.700, Pb: 39.540, Pr: -99.564
- xvYCC
- Y: 150.578, Cb: 162.733, Cr: 40.540
- YIQ
- Y: 141.272, I: -127.683, Q: -30.867
- YUV
- Y: 141.272, U: 43.663, V: -123.940
- マンセルカラーシステム
- 7.5B 7/8 ΔE = 3.169
- ブランドカラー
- Virb ΔE = 7.908