
HTML&CSS例
#14001a前景
自業自得。
<p style="color: #14001a">…</p>
#14001a背景
蛙の子は蛙。
<p style="background-color: #14001a">…</p>
#14001aテキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #14001a">…</p>
色空間変換
- 十進
- 1310746
- 二進法
- 00010100, 00000000, 00011010
- 十六進法
- #14001a
- LRV
- ≈ 0.4%
- 最も近い短い16進数
- #102 ΔE = 3.706
- RGB
- rgb(20, 0, 26)
- RGBA
- rgba(20, 0, 26, 1.0)
- rg色度
- r: 0.435, g: 0.000, b: 0.565
- RYB
- 赤色: 7.843%, 黄色: 0.000%, 青色: 10.196%
- Android/android.graphics.Color
- -15466470/0xff14001a
- HSL
- hsl(286, 100%, 5%)
- HSLA
- hsla(286, 100%, 5%, 1.0)
- HSV/HSB
- 色相: 286° (286.154), 飽和: 100% (1.000), 値: 10% (0.102)
- HSP
- 色相: 286.154, 飽和: 100.000%, 知覚される明るさ: 5.499%
- HSLuv(HUSL)
- H: 295.090, S: 100.001, L: 2.017
- Cubehelix
- H: -81.248, S: 1.303, L: 0.035
- TSL
- T: 5.221, S: 0.467, L: 0.035
- CMYK
- シアン色: 23% (0.231), マゼンタ色: 100% (1.000), 黄色: 0% (0.000), キー・プレート: 90% (0.898)
- CMY
- シアン色: 92% (0.922), マゼンタ色: 100% (1.000), 黄色: 90% (0.898)
- XYZ
- X: 0.475, Y: 0.223, Z: 0.995
- xyY
- x: 0.280, y: 0.132, Y: 0.223
- Lab色空間
- L: 2.017, a: 10.759, b: -10.752
- CIELuv
- L: 2.017, u: 2.127, v: -4.542
- CIELCH/LCHab
- L: 2.017, C: 15.211, H: 315.020
- CIELUV/LCHuv
- L: 2.017, C: 5.016, H: 295.090
- Hunter-Lab
- L: 4.726, a: 9.668, b: -9.177
- CIECAM02
- J: 3.651, C: 24.601, h: 319.296, Q: 37.646, M: 21.514, s: 75.596, H: 347.255
- OSA-UCS
- 明度: -10.612, 黄色: -3.140, 緑色: -2.874
- LMS
- L: 0.282, M: 0.051, S: 0.983
- YCbCr
- Y: 23.688, Cb: 136.454, Cr: 134.934
- YCoCg
- Y: 11.500, Cg: -11.500, Co: 3.500
- YDbDr
- Y: 8.944, Db: 25.658, Dr: -21.018
- YPbPr
- Y: 6.132, Pb: 10.700, Pr: 8.804
- xvYCC
- Y: 21.266, Cb: 137.399, Cr: 135.734
- YIQ
- Y: 8.944, I: 3.561, Q: 12.319
- YUV
- Y: 8.944, U: 8.393, V: 9.700
- Okhsl
- h: 319.083, s: 1.000, l: 0.052
- Okhsv
- h: 319.083. s: 1.000, v: 0.093
- Okhwb
- h: 319.083, w: 0.000, b: 0.907
- Oklab
- l: 0.140, a: 0.051, b: -0.044
- Oklch
- l: 0.140, c: 0.067, h: 319.083
- マンセルカラーシステム
- 5P 2/4 ΔE = 17.440
- ブランドカラー
- GitHub ΔE = 15.064