
HTML&CSS例
#6142ee前景
猫に小判。
<p style="color: #6142ee">…</p>
#6142ee背景
蛙の子は蛙。
<p style="background-color: #6142ee">…</p>
#6142eeテキストに影をつける
弱肉強食。
<p style="text-shadow: 0.1em 0.1em 0.15em #6142ee">…</p>
色空間変換
- 十進
- 6374126
- 二進法
- 01100001, 01000010, 11101110
- 十六進法
- #6142ee
- LRV
- ≈ 12.6%
- 最も近い短い16進数
- #64e ΔE = 0.846
- RGB
- rgb(97, 66, 238)
- RGBA
- rgba(97, 66, 238, 1.0)
- rg色度
- r: 0.242, g: 0.165, b: 0.594
- RYB
- 赤色: 38.039%, 黄色: 25.882%, 青色: 93.333%
- Android/android.graphics.Color
- -10403090/0xff6142ee
- HSL
- hsl(251, 83%, 60%)
- HSLA
- hsla(251, 83%, 60%, 1.0)
- HSV/HSB
- 色相: 251° (250.814), 飽和: 72% (0.723), 値: 93% (0.933)
- HSP
- 色相: 250.814, 飽和: 72.269%, 知覚される明るさ: 42.649%
- HSLuv(HUSL)
- H: 269.231, S: 91.212, L: 42.169
- Cubehelix
- H: -114.020, S: 1.233, L: 0.369
- TSL
- T: -3.405, S: 0.257, L: 0.372
- CMYK
- シアン色: 59% (0.592), マゼンタ色: 72% (0.723), 黄色: 0% (0.000), キー・プレート: 7% (0.067)
- CMY
- シアン色: 62% (0.620), マゼンタ色: 74% (0.741), 黄色: 7% (0.067)
- XYZ
- X: 22.306, Y: 12.609, Z: 82.131
- xyY
- x: 0.191, y: 0.108, Y: 12.609
- Lab色空間
- L: 42.169, a: 57.684, b: -81.768
- CIELuv
- L: 42.169, u: -1.623, v: -120.858
- CIELCH/LCHab
- L: 42.169, C: 100.067, H: 305.201
- CIELUV/LCHuv
- L: 42.169, C: 120.869, H: 269.231
- Hunter-Lab
- L: 35.510, a: 49.985, b: -112.276
- CIECAM02
- J: 31.568, C: 76.517, h: 275.933, Q: 110.697, M: 66.913, s: 77.747, H: 319.723
- OSA-UCS
- 明度: -10.744, 黄色: -15.122, 緑色: -1.365
- LMS
- L: 8.425, M: 6.211, S: 81.006
- YCbCr
- Y: 97.517, Cb: 198.920, Cr: 129.397
- YCgCo
- Y: 116.750, Cg: -50.750, Co: -11.000
- YDbDr
- Y: 94.877, Db: 215.326, Dr: -3.999
- YPbPr
- Y: 84.987, Pb: 82.435, Pr: 7.588
- xvYCC
- Y: 88.989, Cb: 200.413, Cr: 134.666
- YIQ
- Y: 94.877, I: -36.790, Q: 60.070
- YUV
- Y: 94.877, U: 70.432, V: 1.863
- マンセルカラーシステム
- 10PB 4/12 ΔE = 17.413
- ブランドカラー
- Behance ΔE = 4.562