
HTML&CSS例
#002f55前景
蛙の子は蛙。
<p style="color: #002f55">…</p>
#002f55背景
自業自得。
<p style="background-color: #002f55">…</p>
#002f55テキストに影をつける
我田引水。
<p style="text-shadow: 0.1em 0.1em 0.15em #002f55">…</p>
色空間変換
- 十進
- 12117
- 二進法
- 00000000, 00101111, 01010101
- 十六進法
- #002f55
- LRV
- ≈ 2.7%
- 最も近い短い16進数
- #135 ΔE = 2.390
- RGB
- rgb(0, 47, 85)
- RGBA
- rgba(0, 47, 85, 1.0)
- rg色度
- r: 0.000, g: 0.356, b: 0.644
- RYB
- 赤色: 0.000%, 黄色: 11.869%, 青色: 33.333%
- Android/android.graphics.Color
- -16765099/0xff002f55
- HSL
- hsl(207, 100%, 17%)
- HSLA
- hsla(207, 100%, 17%, 1.0)
- HSV/HSB
- 色相: 207° (206.824), 飽和: 100% (1.000), 値: 33% (0.333)
- HSP
- 色相: 206.824, 飽和: 100.000%, 知覚される明るさ: 18.058%
- HSLuv(HUSL)
- H: 249.419, S: 100.019, L: 18.751
- Cubehelix
- H: -157.703, S: 0.969, L: 0.145
- TSL
- T: -2.110, S: 0.448, L: 0.146
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 45% (0.447), 黄色: 0% (0.000), キー・プレート: 67% (0.667)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 82% (0.816), 黄色: 67% (0.667)
- XYZ
- X: 2.656, Y: 2.689, Z: 8.972
- xyY
- x: 0.186, y: 0.188, Y: 2.689
- Lab色空間
- L: 18.751, a: 1.933, b: -27.114
- CIELuv
- L: 18.751, u: -11.182, v: -29.779
- CIELCH/LCHab
- L: 18.751, C: 27.183, H: 274.077
- CIELUV/LCHuv
- L: 18.751, C: 31.809, H: 249.419
- Hunter-Lab
- L: 16.397, a: 0.215, b: -20.963
- CIECAM02
- J: 13.090, C: 35.946, h: 246.122, Q: 71.283, M: 31.434, s: 66.406, H: 304.099
- OSA-UCS
- 明度: -10.403, 黄色: -4.760, 緑色: 2.022
- LMS
- L: 1.644, M: 2.750, S: 8.867
- YCbCr
- Y: 48.018, Cb: 151.638, Cr: 104.669
- YCoCg
- Y: 44.750, Cg: 2.250, Co: -21.250
- YDbDr
- Y: 37.279, Db: 71.804, Dr: 70.897
- YPbPr
- Y: 39.725, Pb: 24.405, Pr: -25.248
- xvYCC
- Y: 50.117, Cb: 149.438, Cr: 105.821
- YIQ
- Y: 37.279, I: -40.207, Q: 1.885
- YUV
- Y: 37.279, U: 23.484, V: -32.705
- マンセルカラーシステム
- 5PB 2/6 ΔE = 3.593
- ブランドカラー
- HootSuite ΔE = 4.685