
HTML&CSS例
#efa89c前景
美人薄命。
<p style="color: #efa89c">…</p>
#efa89c背景
弱肉強食。
<p style="background-color: #efa89c">…</p>
#efa89cテキストに影をつける
異体同心。
<p style="text-shadow: 0.1em 0.1em 0.15em #efa89c">…</p>
色空間変換
- 十進
- 15706268
- 二進法
- 11101111, 10101000, 10011100
- 十六進法
- #efa89c
- LRV
- ≈ 48.8%
- 最も近い短い16進数
- #ea9 ΔE = 1.895
- RGB
- rgb(239, 168, 156)
- RGBA
- rgba(239, 168, 156, 1.0)
- rg色度
- r: 0.425, g: 0.298, b: 0.277
- RYB
- 赤色: 93.725%, 黄色: 66.678%, 青色: 61.176%
- Android/android.graphics.Color
- -1070948/0xffefa89c
- HSL
- hsl(9, 72%, 77%)
- HSLA
- hsla(9, 72%, 77%, 1.0)
- HSV/HSB
- 色相: 9° (8.675), 飽和: 35% (0.347), 値: 94% (0.937)
- HSP
- 色相: 8.675, 飽和: 34.728%, 知覚される明るさ: 74.840%
- HSLuv(HUSL)
- H: 21.003, S: 72.235, L: 75.302
- Cubehelix
- H: 0.730, S: 0.642, L: 0.737
- TSL
- T: 3.792, S: 0.131, L: 0.737
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 30% (0.297), 黄色: 35% (0.347), キー・プレート: 6% (0.063)
- CMY
- シアン色: 6% (0.063), マゼンタ色: 34% (0.341), 黄色: 39% (0.388)
- XYZ
- X: 55.602, Y: 48.760, Z: 37.929
- xyY
- x: 0.391, y: 0.343, Y: 48.760
- Lab色空間
- L: 75.302, a: 24.629, b: 16.693
- CIELuv
- L: 75.302, u: 48.029, v: 18.439
- CIELCH/LCHab
- L: 75.302, C: 29.753, H: 34.129
- CIELUV/LCHuv
- L: 75.302, C: 51.447, H: 21.003
- Hunter-Lab
- L: 69.828, a: 19.934, b: 16.675
- CIECAM02
- J: 69.327, C: 28.997, h: 30.041, Q: 164.045, M: 25.358, s: 39.316, H: 12.625
- OSA-UCS
- 明度: -10.031, 黄色: 2.210, 緑色: -4.141
- LMS
- L: 55.533, M: 43.880, S: 38.129
- YCbCr
- Y: 177.383, Cb: 112.224, Cr: 160.021
- YCgCo
- Y: 182.750, Cg: -14.750, Co: 80.500
- YDbDr
- Y: 187.861, Db: -47.946, Dr: -97.247
- YPbPr
- Y: 182.259, Pb: -14.165, Pr: 36.052
- xvYCC
- Y: 172.528, Cb: 115.557, Cr: 159.669
- YIQ
- Y: 187.861, I: 46.151, Q: 11.280
- YUV
- Y: 187.861, U: -15.677, V: 44.865
- マンセルカラーシステム
- 7.5R 7/6 ΔE = 4.025
- ブランドカラー
- StackOverflow ΔE = 16.334