
HTML&CSS例
#122216前景
見ぬが花。
<p style="color: #122216">…</p>
#122216背景
自業自得。
<p style="background-color: #122216">…</p>
#122216テキストに影をつける
案ずるより産むが易し。
<p style="text-shadow: 0.1em 0.1em 0.15em #122216">…</p>
色空間変換
- 十進
- 1188374
- 二進法
- 00010010, 00100010, 00010110
- 十六進法
- #122216
- LRV
- ≈ 1.3%
- 最も近い短い16進数
- #121 ΔE = 2.211
- RGB
- rgb(18, 34, 22)
- RGBA
- rgba(18, 34, 22, 1.0)
- rg色度
- r: 0.243, g: 0.459, b: 0.297
- RYB
- 赤色: 7.059%, 黄色: 12.078%, 青色: 13.333%
- Android/android.graphics.Color
- -15588842/0xff122216
- HSL
- hsl(135, 31%, 10%)
- HSLA
- hsla(135, 31%, 10%, 1.0)
- HSV/HSB
- 色相: 135° (135.000), 飽和: 47% (0.471), 値: 13% (0.133)
- HSP
- 色相: 135.000, 飽和: 47.059%, 知覚される明るさ: 11.302%
- HSLuv(HUSL)
- H: 135.950, S: 51.208, L: 11.487
- Cubehelix
- H: -237.235, S: 0.262, L: 0.109
- TSL
- T: -0.724, S: 0.208, L: 0.109
- CMYK
- シアン色: 47% (0.471), マゼンタ色: 0% (0.000), 黄色: 35% (0.353), キー・プレート: 87% (0.867)
- CMY
- シアン色: 93% (0.929), マゼンタ色: 87% (0.867), 黄色: 91% (0.914)
- XYZ
- X: 0.966, Y: 1.331, Z: 0.965
- xyY
- x: 0.296, y: 0.408, Y: 1.331
- Lab色空間
- L: 11.487, a: -10.165, b: 6.006
- CIELuv
- L: 11.487, u: -5.312, v: 5.139
- CIELCH/LCHab
- L: 11.487, C: 11.807, H: 149.426
- CIELUV/LCHuv
- L: 11.487, C: 7.391, H: 135.950
- Hunter-Lab
- L: 11.535, a: -5.233, b: 3.115
- CIECAM02
- J: 9.060, C: 13.518, h: 150.465, Q: 59.303, M: 11.821, s: 44.647, H: 186.238
- OSA-UCS
- 明度: -9.921, 黄色: 0.971, 緑色: 1.493
- LMS
- L: 1.123, M: 1.585, S: 0.970
- YCbCr
- Y: 39.918, Cb: 125.100, Cr: 121.828
- YCoCg
- Y: 27.000, Cg: 7.000, Co: 3.500
- YDbDr
- Y: 27.848, Db: -8.796, Dr: 18.724
- YPbPr
- Y: 29.728, Pb: -4.160, Pr: -7.448
- xvYCC
- Y: 41.531, Cb: 124.346, Cr: 121.457
- YIQ
- Y: 27.848, I: -5.676, Q: -7.117
- YUV
- Y: 27.848, U: -2.878, V: -8.640
- マンセルカラーシステム
- 10G 2/4 ΔE = 8.060
- ブランドカラー
- GitHub ΔE = 12.836