
HTML&CSS例
#459695前景
案ずるより産むが易し。
<p style="color: #459695">…</p>
#459695背景
蛙の子は蛙。
<p style="background-color: #459695">…</p>
#459695テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #459695">…</p>
色空間変換
- 十進
- 4560533
- 二進法
- 01000101, 10010110, 10010101
- 十六進法
- #459695
- LRV
- ≈ 25.2%
- 最も近い短い16進数
- #499 ΔE = 1.153
- RGB
- rgb(69, 150, 149)
- RGBA
- rgba(69, 150, 149, 1.0)
- rg色度
- r: 0.188, g: 0.408, b: 0.405
- RYB
- 赤色: 27.059%, 黄色: 43.040%, 青色: 58.824%
- Android/android.graphics.Color
- -12216683/0xff459695
- HSL
- hsl(179, 37%, 43%)
- HSLA
- hsla(179, 37%, 43%, 1.0)
- HSV/HSB
- 色相: 179° (179.259), 飽和: 54% (0.540), 値: 59% (0.588)
- HSP
- 色相: 179.259, 飽和: 54.000%, 知覚される明るさ: 51.374%
- HSLuv(HUSL)
- H: 190.819, S: 76.884, L: 57.314
- Cubehelix
- H: -188.902, S: 0.517, L: 0.493
- TSL
- T: -1.477, S: 0.220, L: 0.493
- CMYK
- シアン色: 54% (0.540), マゼンタ色: 0% (0.000), 黄色: 1% (0.007), キー・プレート: 41% (0.412)
- CMY
- シアン色: 73% (0.729), マゼンタ色: 41% (0.412), 黄色: 42% (0.416)
- XYZ
- X: 18.783, Y: 25.246, Z: 32.311
- xyY
- x: 0.246, y: 0.331, Y: 25.246
- Lab色空間
- L: 57.314, a: -24.773, b: -6.997
- CIELuv
- L: 57.314, u: -34.181, v: -6.532
- CIELCH/LCHab
- L: 57.314, C: 25.742, H: 195.773
- CIELUV/LCHuv
- L: 57.314, C: 34.799, H: 190.819
- Hunter-Lab
- L: 50.245, a: -21.201, b: -2.955
- CIECAM02
- J: 45.818, C: 34.086, h: 197.191, Q: 133.361, M: 29.808, s: 47.277, H: 249.493
- OSA-UCS
- 明度: -10.060, 黄色: -1.086, 緑色: 4.283
- LMS
- L: 19.363, M: 29.836, S: 32.174
- YCbCr
- Y: 123.935, Cb: 139.549, Cr: 92.512
- YCgCo
- Y: 129.500, Cg: 20.500, Co: -2.750
- YDbDr
- Y: 125.667, Db: 35.117, Dr: 107.756
- YPbPr
- Y: 132.675, Pb: 8.815, Pr: -40.454
- xvYCC
- Y: 129.944, Cb: 135.743, Cr: 92.464
- YIQ
- Y: 125.667, I: -47.932, Q: -17.439
- YUV
- Y: 125.667, U: 11.483, V: -49.715
- マンセルカラーシステム
- 10BG 5/10 ΔE = 3.659
- ブランドカラー
- Vine ΔE = 13.341