
HTML&CSS例
#8681b3前景
秋茄子は嫁に食わすな。
<p style="color: #8681b3">…</p>
#8681b3背景
七転び八起き。
<p style="background-color: #8681b3">…</p>
#8681b3テキストに影をつける
蛙の子は蛙。
<p style="text-shadow: 0.1em 0.1em 0.15em #8681b3">…</p>
色空間変換
- 十進
- 8815027
- 二進法
- 10000110, 10000001, 10110011
- 十六進法
- #8681b3
- LRV
- ≈ 24.0%
- 最も近い短い16進数
- #88b ΔE = 2.627
- RGB
- rgb(134, 129, 179)
- RGBA
- rgba(134, 129, 179, 1.0)
- rg色度
- r: 0.303, g: 0.292, b: 0.405
- RYB
- 赤色: 52.549%, 黄色: 50.588%, 青色: 70.196%
- Android/android.graphics.Color
- -7962189/0xff8681b3
- HSL
- hsl(246, 25%, 60%)
- HSLA
- hsla(246, 25%, 60%, 1.0)
- HSV/HSB
- 色相: 246° (246.000), 飽和: 28% (0.279), 値: 70% (0.702)
- HSP
- 色相: 246.000, 飽和: 27.933%, 知覚される明るさ: 53.755%
- HSLuv(HUSL)
- H: 269.245, S: 36.300, L: 56.111
- Cubehelix
- H: -118.174, S: 0.344, L: 0.533
- TSL
- T: -3.197, S: 0.069, L: 0.534
- CMYK
- シアン色: 25% (0.251), マゼンタ色: 28% (0.279), 黄色: 0% (0.000), キー・プレート: 30% (0.298)
- CMY
- シアン色: 47% (0.475), マゼンタ色: 49% (0.494), 黄色: 30% (0.298)
- XYZ
- X: 25.816, Y: 24.023, Z: 45.916
- xyY
- x: 0.270, y: 0.251, Y: 24.023
- Lab色空間
- L: 56.111, a: 12.987, b: -25.650
- CIELuv
- L: 56.111, u: -0.535, v: -40.597
- CIELCH/LCHab
- L: 56.111, C: 28.750, H: 296.853
- CIELUV/LCHuv
- L: 56.111, C: 40.601, H: 269.245
- Hunter-Lab
- L: 49.013, a: 8.247, b: -21.234
- CIECAM02
- J: 45.854, C: 31.445, h: 280.962, Q: 133.413, M: 27.498, s: 45.400, H: 322.597
- OSA-UCS
- 明度: -10.243, 黄色: -4.592, 緑色: -0.781
- LMS
- L: 21.782, M: 22.895, S: 45.558
- YCbCr
- Y: 132.996, Cb: 149.210, Cr: 126.645
- YCgCo
- Y: 142.750, Cg: -13.750, Co: 22.250
- YDbDr
- Y: 136.195, Db: 64.400, Dr: 4.185
- YPbPr
- Y: 133.665, Pb: 24.425, Pr: 0.200
- xvYCC
- Y: 130.795, Cb: 149.456, Cr: 128.176
- YIQ
- Y: 136.195, I: -13.085, Q: 16.614
- YUV
- Y: 136.195, U: 21.066, V: -1.925
- マンセルカラーシステム
- 10PB 5/8 ΔE = 2.785
- ブランドカラー
- Mixpanel ΔE = 7.841