
HTML&CSS例
#92b5c2前景
異体同心。
<p style="color: #92b5c2">…</p>
#92b5c2背景
案ずるより産むが易し。
<p style="background-color: #92b5c2">…</p>
#92b5c2テキストに影をつける
十人十色。
<p style="text-shadow: 0.1em 0.1em 0.15em #92b5c2">…</p>
色空間変換
- 十進
- 9614786
- 二進法
- 10010010, 10110101, 11000010
- 十六進法
- #92b5c2
- LRV
- ≈ 43.1%
- 最も近い短い16進数
- #9bc ΔE = 2.977
- RGB
- rgb(146, 181, 194)
- RGBA
- rgba(146, 181, 194, 1.0)
- rg色度
- r: 0.280, g: 0.347, b: 0.372
- RYB
- 赤色: 57.255%, 黄色: 65.193%, 青色: 76.078%
- Android/android.graphics.Color
- -7162430/0xff92b5c2
- HSL
- hsl(196, 28%, 67%)
- HSLA
- hsla(196, 28%, 67%, 1.0)
- HSV/HSB
- 色相: 196° (196.250), 飽和: 25% (0.247), 値: 76% (0.761)
- HSP
- 色相: 196.250, 飽和: 24.742%, 知覚される明るさ: 67.804%
- HSLuv(HUSL)
- H: 218.390, S: 35.469, L: 71.590
- Cubehelix
- H: -170.587, S: 0.315, L: 0.674
- TSL
- T: -1.810, S: 0.074, L: 0.675
- CMYK
- シアン色: 25% (0.247), マゼンタ色: 7% (0.067), 黄色: 0% (0.000), キー・プレート: 24% (0.239)
- CMY
- シアン色: 43% (0.427), マゼンタ色: 29% (0.290), 黄色: 24% (0.239)
- XYZ
- X: 38.113, Y: 43.052, Z: 57.330
- xyY
- x: 0.275, y: 0.311, Y: 43.052
- Lab色空間
- L: 71.590, a: -8.839, b: -10.482
- CIELuv
- L: 71.590, u: -18.353, v: -14.541
- CIELCH/LCHab
- L: 71.590, C: 13.711, H: 229.859
- CIELUV/LCHuv
- L: 71.590, C: 23.415, H: 218.390
- Hunter-Lab
- L: 65.614, a: -11.142, b: -5.874
- CIECAM02
- J: 62.427, C: 22.293, h: 221.657, Q: 155.667, M: 19.495, s: 35.389, H: 281.274
- OSA-UCS
- 明度: -10.113, 黄色: -1.803, 緑色: 2.051
- LMS
- L: 37.114, M: 46.615, S: 57.078
- YCbCr
- Y: 163.758, Cb: 138.887, Cr: 111.712
- YCoCg
- Y: 175.500, Cg: 5.500, Co: 24.500
- YDbDr
- Y: 172.017, Db: 33.079, Dr: 49.476
- YPbPr
- Y: 174.481, Pb: 10.525, Pr: -18.098
- xvYCC
- Y: 165.848, Cb: 137.245, Cr: 112.102
- YIQ
- Y: 172.017, I: -25.026, Q: -3.356
- YUV
- Y: 172.017, U: 10.819, V: -22.825
- マンセルカラーシステム
- 7.5B 7/4 ΔE = 2.636
- ブランドカラー
- Vimeo ΔE = 9.691