
HTML&CSS例
#144c50前景
見ぬが花。
<p style="color: #144c50">…</p>
#144c50背景
秋茄子は嫁に食わすな。
<p style="background-color: #144c50">…</p>
#144c50テキストに影をつける
蛙の子は蛙。
<p style="text-shadow: 0.1em 0.1em 0.15em #144c50">…</p>
色空間変換
- 十進
- 1330256
- 二進法
- 00010100, 01001100, 01010000
- 十六進法
- #144c50
- LRV
- ≈ 5.9%
- 最も近い短い16進数
- #144 ΔE = 3.988
- RGB
- rgb(20, 76, 80)
- RGBA
- rgba(20, 76, 80, 1.0)
- rg色度
- r: 0.114, g: 0.432, b: 0.455
- RYB
- 赤色: 7.843%, 黄色: 19.202%, 青色: 31.373%
- Android/android.graphics.Color
- -15446960/0xff144c50
- HSL
- hsl(184, 60%, 20%)
- HSLA
- hsla(184, 60%, 20%, 1.0)
- HSV/HSB
- 色相: 184° (184.000), 飽和: 75% (0.750), 値: 31% (0.314)
- HSP
- 色相: 184.000, 飽和: 75.000%, 知覚される明るさ: 25.535%
- HSLuv(HUSL)
- H: 200.763, S: 88.650, L: 29.149
- Cubehelix
- H: -184.229, S: 0.519, L: 0.234
- TSL
- T: -1.555, S: 0.323, L: 0.234
- CMYK
- シアン色: 75% (0.750), マゼンタ色: 5% (0.050), 黄色: 0% (0.000), キー・プレート: 69% (0.686)
- CMY
- シアン色: 92% (0.922), マゼンタ色: 70% (0.702), 黄色: 69% (0.686)
- XYZ
- X: 4.320, Y: 5.896, Z: 8.498
- xyY
- x: 0.231, y: 0.315, Y: 5.896
- Lab色空間
- L: 29.149, a: -16.168, b: -7.628
- CIELuv
- L: 29.149, u: -19.596, v: -7.429
- CIELCH/LCHab
- L: 29.149, C: 17.877, H: 205.256
- CIELUV/LCHuv
- L: 29.149, C: 20.957, H: 200.763
- Hunter-Lab
- L: 24.282, a: -10.736, b: -3.753
- CIECAM02
- J: 20.437, C: 26.261, h: 204.714, Q: 89.067, M: 22.965, s: 50.778, H: 259.671
- OSA-UCS
- 明度: -10.086, 黄色: -1.218, 緑色: 2.938
- LMS
- L: 4.319, M: 7.021, S: 8.450
- YCbCr
- Y: 67.284, Cb: 138.044, Cr: 103.132
- YCoCg
- Y: 63.000, Cg: 13.000, Co: -10.000
- YDbDr
- Y: 59.712, Db: 30.532, Dr: 75.516
- YPbPr
- Y: 64.360, Pb: 8.440, Pr: -28.184
- xvYCC
- Y: 71.274, Cb: 135.414, Cr: 103.242
- YIQ
- Y: 59.712, I: -34.645, Q: -10.597
- YUV
- Y: 59.712, U: 9.984, V: -34.840
- マンセルカラーシステム
- 10BG 3/4 ΔE = 2.606
- ブランドカラー
- XING ΔE = 9.938