
HTML&CSS例
#6c72b4前景
井の中の蛙大海を知らず。
<p style="color: #6c72b4">…</p>
#6c72b4背景
見ぬが花。
<p style="background-color: #6c72b4">…</p>
#6c72b4テキストに影をつける
馬鹿は死ななきゃ治らない。
<p style="text-shadow: 0.1em 0.1em 0.15em #6c72b4">…</p>
色空間変換
- 十進
- 7107252
- 二進法
- 01101100, 01110010, 10110100
- 十六進法
- #6c72b4
- LRV
- ≈ 18.5%
- 最も近い短い16進数
- #67b ΔE = 2.353
- RGB
- rgb(108, 114, 180)
- RGBA
- rgba(108, 114, 180, 1.0)
- rg色度
- r: 0.269, g: 0.284, b: 0.448
- RYB
- 赤色: 42.353%, 黄色: 44.525%, 青色: 70.588%
- Android/android.graphics.Color
- -9669964/0xff6c72b4
- HSL
- hsl(235, 32%, 56%)
- HSLA
- hsla(235, 32%, 56%, 1.0)
- HSV/HSB
- 色相: 235° (235.000), 飽和: 40% (0.400), 値: 71% (0.706)
- HSP
- 色相: 235.000, 飽和: 40.000%, 知覚される明るさ: 47.724%
- HSLuv(HUSL)
- H: 263.324, S: 45.449, L: 50.118
- Cubehelix
- H: -127.189, S: 0.487, L: 0.468
- TSL
- T: -2.747, S: 0.109, L: 0.470
- CMYK
- シアン色: 40% (0.400), マゼンタ色: 37% (0.367), 黄色: 0% (0.000), キー・プレート: 29% (0.294)
- CMY
- シアン色: 58% (0.576), マゼンタ色: 55% (0.553), 黄色: 29% (0.294)
- XYZ
- X: 20.437, Y: 18.517, Z: 45.668
- xyY
- x: 0.242, y: 0.219, Y: 18.517
- Lab色空間
- L: 50.118, a: 14.559, b: -35.714
- CIELuv
- L: 50.118, u: -6.513, v: -55.640
- CIELCH/LCHab
- L: 50.118, C: 38.567, H: 292.178
- CIELUV/LCHuv
- L: 50.118, C: 56.019, H: 263.324
- Hunter-Lab
- L: 43.032, a: 9.472, b: -32.801
- CIECAM02
- J: 39.432, C: 41.406, h: 271.454, Q: 123.718, M: 36.209, s: 54.099, H: 317.224
- OSA-UCS
- 明度: -10.322, 黄色: -6.357, 緑色: -0.193
- LMS
- L: 15.515, M: 17.332, S: 45.224
- YCbCr
- Y: 118.852, Cb: 157.862, Cr: 120.680
- YCoCg
- Y: 129.000, Cg: -15.000, Co: 9.000
- YDbDr
- Y: 119.730, Db: 90.678, Dr: 22.320
- YPbPr
- Y: 117.474, Pb: 33.690, Pr: -6.036
- xvYCC
- Y: 116.889, Cb: 157.594, Cr: 122.698
- YIQ
- Y: 119.730, I: -24.778, Q: 19.266
- YUV
- Y: 119.730, U: 29.660, V: -10.291
- マンセルカラーシステム
- 10PB 5/10 ΔE = 3.811
- ブランドカラー
- Heroku (dark) ΔE = 4.355