
HTML&CSS例
#ce6f89前景
自業自得。
<p style="color: #ce6f89">…</p>
#ce6f89背景
起死回生。
<p style="background-color: #ce6f89">…</p>
#ce6f89テキストに影をつける
七転び八起き。
<p style="text-shadow: 0.1em 0.1em 0.15em #ce6f89">…</p>
色空間変換
- 十進
- 13528969
- 二進法
- 11001110, 01101111, 10001001
- 十六進法
- #ce6f89
- LRV
- ≈ 26.3%
- 最も近い短い16進数
- #c68 ΔE = 2.923
- RGB
- rgb(206, 111, 137)
- RGBA
- rgba(206, 111, 137, 1.0)
- rg色度
- r: 0.454, g: 0.244, b: 0.302
- RYB
- 赤色: 80.784%, 黄色: 43.529%, 青色: 53.725%
- Android/android.graphics.Color
- -3248247/0xffce6f89
- HSL
- hsl(344, 49%, 62%)
- HSLA
- hsla(344, 49%, 62%, 1.0)
- HSV/HSB
- 色相: 344° (343.579), 飽和: 46% (0.461), 値: 81% (0.808)
- HSP
- 色相: 343.579, 飽和: 46.117%, 知覚される明るさ: 58.246%
- HSLuv(HUSL)
- H: 356.563, S: 48.612, L: 58.321
- Cubehelix
- H: -25.620, S: 0.566, L: 0.558
- TSL
- T: 4.216, S: 0.201, L: 0.558
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 46% (0.461), 黄色: 33% (0.335), キー・プレート: 19% (0.192)
- CMY
- シアン色: 19% (0.192), マゼンタ色: 56% (0.565), 黄色: 46% (0.463)
- XYZ
- X: 35.655, Y: 26.300, Z: 26.861
- xyY
- x: 0.401, y: 0.296, Y: 26.300
- Lab色空間
- L: 58.321, a: 40.256, b: 2.705
- CIELuv
- L: 58.321, u: 61.718, v: -3.706
- CIELCH/LCHab
- L: 58.321, C: 40.347, H: 3.844
- CIELUV/LCHuv
- L: 58.321, C: 61.829, H: 356.563
- Hunter-Lab
- L: 51.283, a: 34.356, b: 4.844
- CIECAM02
- J: 50.347, C: 43.056, h: 4.630, Q: 139.796, M: 37.652, s: 51.897, H: 384.528
- OSA-UCS
- 明度: -10.099, 黄色: -0.290, 緑色: -6.991
- LMS
- L: 33.064, M: 19.721, S: 26.879
- YCbCr
- Y: 138.312, Cb: 125.354, Cr: 167.859
- YCoCg
- Y: 141.250, Cg: -30.250, Co: 68.750
- YDbDr
- Y: 142.369, Db: -8.092, Dr: -120.993
- YPbPr
- Y: 133.107, Pb: 2.075, Pr: 46.304
- xvYCC
- Y: 130.315, Cb: 129.823, Cr: 168.675
- YIQ
- Y: 142.369, I: 48.240, Q: 28.178
- YUV
- Y: 142.369, U: -2.640, V: 55.825
- マンセルカラーシステム
- 7.5RP 6/12 ΔE = 3.452
- ブランドカラー
- Dribbble ΔE = 6.714