
HTML&CSS例
#454f53前景
猫に小判。
<p style="color: #454f53">…</p>
#454f53背景
起死回生。
<p style="background-color: #454f53">…</p>
#454f53テキストに影をつける
知らぬが仏。
<p style="text-shadow: 0.1em 0.1em 0.15em #454f53">…</p>
色空間変換
- 十進
- 4542291
- 二進法
- 01000101, 01001111, 01010011
- 十六進法
- #454f53
- LRV
- ≈ 7.5%
- 最も近い短い16進数
- #455 ΔE = 3.834
- RGB
- rgb(69, 79, 83)
- RGBA
- rgba(69, 79, 83, 1.0)
- rg色度
- r: 0.299, g: 0.342, b: 0.359
- RYB
- 赤色: 27.059%, 黄色: 29.346%, 青色: 32.549%
- Android/android.graphics.Color
- -12234925/0xff454f53
- HSL
- hsl(197, 9%, 30%)
- HSLA
- hsla(197, 9%, 30%, 1.0)
- HSV/HSB
- 色相: 197° (197.143), 飽和: 17% (0.169), 値: 33% (0.325)
- HSP
- 色相: 197.143, 飽和: 16.867%, 知覚される明るさ: 30.051%
- HSLuv(HUSL)
- H: 218.473, S: 22.120, L: 32.879
- Cubehelix
- H: -169.522, S: 0.096, L: 0.300
- TSL
- T: -1.833, S: 0.048, L: 0.300
- CMYK
- シアン色: 17% (0.169), マゼンタ色: 5% (0.048), 黄色: 0% (0.000), キー・プレート: 67% (0.675)
- CMY
- シアン色: 73% (0.729), マゼンタ色: 69% (0.690), 黄色: 67% (0.675)
- XYZ
- X: 6.811, Y: 7.482, Z: 9.267
- xyY
- x: 0.289, y: 0.318, Y: 7.482
- Lab色空間
- L: 32.879, a: -3.004, b: -3.701
- CIELuv
- L: 32.879, u: -5.255, v: -4.176
- CIELCH/LCHab
- L: 32.879, C: 4.766, H: 230.937
- CIELUV/LCHuv
- L: 32.879, C: 6.712, H: 218.473
- Hunter-Lab
- L: 27.352, a: -3.418, b: -0.941
- CIECAM02
- J: 23.934, C: 9.301, h: 222.231, Q: 96.387, M: 8.133, s: 29.048, H: 281.975
- OSA-UCS
- 明度: -10.102, 黄色: -0.667, 緑色: 0.753
- LMS
- L: 6.700, M: 7.964, S: 9.236
- YCbCr
- Y: 81.683, Cb: 131.236, Cr: 123.326
- YCgCo
- Y: 77.500, Cg: 1.500, Co: 13.750
- YDbDr
- Y: 76.466, Db: 9.832, Dr: 14.198
- YPbPr
- Y: 77.158, Pb: 3.150, Pr: -5.184
- xvYCC
- Y: 82.265, Cb: 130.767, Cr: 123.446
- YIQ
- Y: 76.466, I: -7.242, Q: -0.870
- YUV
- Y: 76.466, U: 3.216, V: -6.550
- マンセルカラーシステム
- 5B 3/1 ΔE = 2.719
- ブランドカラー
- WordPress (grey) ΔE = 5.716