
HTML&CSS例
#693a00前景
十人十色。
<p style="color: #693a00">…</p>
#693a00背景
自業自得。
<p style="background-color: #693a00">…</p>
#693a00テキストに影をつける
知らぬが仏。
<p style="text-shadow: 0.1em 0.1em 0.15em #693a00">…</p>
色空間変換
- 十進
- 6896128
- 二進法
- 01101001, 00111010, 00000000
- 十六進法
- #693a00
- LRV
- ≈ 6.0%
- 最も近い短い16進数
- #630 ΔE = 3.029
- RGB
- rgb(105, 58, 0)
- RGBA
- rgba(105, 58, 0, 1.0)
- rg色度
- r: 0.644, g: 0.356, b: 0.000
- RYB
- 赤色: 33.367%, 黄色: 41.176%, 青色: 0.000%
- Android/android.graphics.Color
- -9881088/0xff693a00
- HSL
- hsl(33, 100%, 21%)
- HSLA
- hsla(33, 100%, 21%, 1.0)
- HSV/HSB
- 色相: 33° (33.143), 飽和: 100% (1.000), 値: 41% (0.412)
- HSP
- 色相: 33.143, 飽和: 100.000%, 知覚される明るさ: 28.472%
- HSLuv(HUSL)
- H: 37.697, S: 99.979, L: 29.489
- Cubehelix
- H: 29.968, S: 0.789, L: 0.258
- TSL
- T: 2.604, S: 0.418, L: 0.257
- CMYK
- シアン色: 0% (0.000), マゼンタ色: 45% (0.448), 黄色: 100% (1.000), キー・プレート: 59% (0.588)
- CMY
- シアン色: 59% (0.588), マゼンタ色: 77% (0.773), 黄色: 100% (1.000)
- XYZ
- X: 7.339, Y: 6.030, Z: 0.777
- xyY
- x: 0.519, y: 0.426, Y: 6.030
- Lab色空間
- L: 29.489, a: 16.846, b: 39.722
- CIELuv
- L: 29.489, u: 36.561, v: 28.255
- CIELCH/LCHab
- L: 29.489, C: 43.147, H: 67.018
- CIELUV/LCHuv
- L: 29.489, C: 46.207, H: 37.697
- Hunter-Lab
- L: 24.556, a: 10.376, b: 15.312
- CIECAM02
- J: 22.203, C: 40.184, h: 64.593, Q: 92.836, M: 35.140, s: 61.524, H: 60.489
- OSA-UCS
- 明度: -9.772, 黄色: 5.174, 緑色: -2.562
- LMS
- L: 7.843, M: 5.077, S: 0.869
- YCbCr
- Y: 72.217, Cb: 95.582, Cr: 152.751
- YCgCo
- Y: 55.250, Cg: 2.750, Co: 52.500
- YDbDr
- Y: 65.441, Db: -98.464, Dr: -75.237
- YPbPr
- Y: 63.835, Pb: -34.405, Pr: 26.168
- xvYCC
- Y: 70.823, Cb: 97.778, Cr: 150.987
- YIQ
- Y: 65.441, I: 46.632, Q: -8.107
- YUV
- Y: 65.441, U: -32.203, V: 34.706
- マンセルカラーシステム
- 7.5YR 3/6 ΔE = 4.245
- ブランドカラー
- Readability ΔE = 14.617