
HTML&CSS例
#69686c前景
蛙の子は蛙。
<p style="color: #69686c">…</p>
#69686c背景
井の中の蛙大海を知らず。
<p style="background-color: #69686c">…</p>
#69686cテキストに影をつける
美人薄命。
<p style="text-shadow: 0.1em 0.1em 0.15em #69686c">…</p>
色空間変換
- 十進
- 6908012
- 二進法
- 01101001, 01101000, 01101100
- 十六進法
- #69686c
- LRV
- ≈ 14.0%
- 最も近い短い16進数
- #666 ΔE = 2.638
- RGB
- rgb(105, 104, 108)
- RGBA
- rgba(105, 104, 108, 1.0)
- rg色度
- r: 0.331, g: 0.328, b: 0.341
- RYB
- 赤色: 41.176%, 黄色: 40.784%, 青色: 42.353%
- Android/android.graphics.Color
- -9869204/0xff69686c
- HSL
- hsl(255, 2%, 42%)
- HSLA
- hsla(255, 2%, 42%, 1.0)
- HSV/HSB
- 色相: 255° (255.000), 飽和: 4% (0.037), 値: 42% (0.424)
- HSP
- 色相: 255.000, 飽和: 3.704%, 知覚される明るさ: 41.083%
- HSLuv(HUSL)
- H: 276.282, S: 2.273, L: 44.214
- Cubehelix
- H: -110.262, S: 0.027, L: 0.411
- TSL
- T: -3.587, S: 0.008, L: 0.411
- CMYK
- シアン色: 3% (0.028), マゼンタ色: 4% (0.037), 黄色: 0% (0.000), キー・プレート: 58% (0.576)
- CMY
- シアン色: 59% (0.588), マゼンタ色: 59% (0.592), 黄色: 58% (0.576)
- XYZ
- X: 13.482, Y: 13.987, Z: 16.174
- xyY
- x: 0.309, y: 0.320, Y: 13.987
- Lab色空間
- L: 44.214, a: 1.221, b: -2.104
- CIELuv
- L: 44.214, u: 0.330, v: -2.994
- CIELCH/LCHab
- L: 44.214, C: 2.433, H: 300.124
- CIELUV/LCHuv
- L: 44.214, C: 3.012, H: 276.282
- Hunter-Lab
- L: 37.399, a: -1.098, b: 0.538
- CIECAM02
- J: 34.073, C: 3.984, h: 275.738, Q: 115.005, M: 3.484, s: 17.404, H: 319.613
- OSA-UCS
- 明度: -10.097, 黄色: -0.466, 緑色: 0.051
- LMS
- L: 13.262, M: 14.355, S: 16.136
- YCbCr
- Y: 105.985, Cb: 129.608, Cr: 128.155
- YCgCo
- Y: 105.250, Cg: -1.250, Co: 25.500
- YDbDr
- Y: 104.755, Db: 4.882, Dr: -0.465
- YPbPr
- Y: 104.501, Pb: 1.885, Pr: 0.316
- xvYCC
- Y: 105.748, Cb: 129.656, Cr: 128.278
- YIQ
- Y: 104.755, I: -0.689, Q: 1.456
- YUV
- Y: 104.755, U: 1.598, V: 0.215
- マンセルカラーシステム
- 10PB 4/1 ΔE = 2.578
- ブランドカラー
- Instagram ΔE = 12.076