
HTML&CSS例
#0077a8前景
案ずるより産むが易し。
<p style="color: #0077a8">…</p>
#0077a8背景
美人薄命。
<p style="background-color: #0077a8">…</p>
#0077a8テキストに影をつける
七転び八起き。
<p style="text-shadow: 0.1em 0.1em 0.15em #0077a8">…</p>
色空間変換
- 十進
- 30632
- 二進法
- 00000000, 01110111, 10101000
- 十六進法
- #0077a8
- LRV
- ≈ 16.0%
- 最も近い短い16進数
- #07a ΔE = 0.725
- RGB
- rgb(0, 119, 168)
- RGBA
- rgba(0, 119, 168, 1.0)
- rg色度
- r: 0.000, g: 0.415, b: 0.585
- RYB
- 赤色: 0.000%, 黄色: 27.317%, 青色: 65.882%
- Android/android.graphics.Color
- -16746584/0xff0077a8
- HSL
- hsl(197, 100%, 33%)
- HSLA
- hsla(197, 100%, 33%, 1.0)
- HSV/HSB
- 色相: 198° (197.500), 飽和: 100% (1.000), 値: 66% (0.659)
- HSP
- 色相: 197.500, 飽和: 100.000%, 知覚される明るさ: 42.109%
- HSLuv(HUSL)
- H: 237.789, S: 100.019, L: 46.999
- Cubehelix
- H: -169.094, S: 1.061, L: 0.348
- TSL
- T: -1.842, S: 0.460, L: 0.349
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 29% (0.292), 黄色: 0% (0.000), キー・プレート: 34% (0.341)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 53% (0.533), 黄色: 34% (0.341)
- XYZ
- X: 13.662, Y: 16.019, Z: 39.410
- xyY
- x: 0.198, y: 0.232, Y: 16.019
- Lab色空間
- L: 46.999, a: -9.634, b: -33.912
- CIELuv
- L: 46.999, u: -31.166, v: -49.469
- CIELCH/LCHab
- L: 46.999, C: 35.254, H: 254.141
- CIELUV/LCHuv
- L: 46.999, C: 58.467, H: 237.789
- Hunter-Lab
- L: 40.024, a: -9.112, b: -30.364
- CIECAM02
- J: 35.253, C: 49.237, h: 234.793, Q: 116.979, M: 43.057, s: 60.669, H: 296.868
- OSA-UCS
- 明度: -10.274, 黄色: -5.811, 緑色: 3.974
- LMS
- L: 10.493, M: 17.820, S: 39.015
- YCbCr
- Y: 92.440, Cb: 167.123, Cr: 72.280
- YCgCo
- Y: 101.500, Cg: 17.500, Co: -42.000
- YDbDr
- Y: 89.005, Db: 118.867, Dr: 169.260
- YPbPr
- Y: 97.181, Pb: 38.185, Pr: -61.754
- xvYCC
- Y: 99.461, Cb: 161.543, Cr: 73.753
- YIQ
- Y: 89.005, I: -86.632, Q: -9.918
- YUV
- Y: 89.005, U: 38.874, V: -78.085
- マンセルカラーシステム
- 10B 4/10 ΔE = 2.082
- ブランドカラー
- LinkedIn ΔE = 0.837