
HTML&CSS例
#000218前景
猫に小判。
<p style="color: #000218">…</p>
#000218背景
海千山千。
<p style="background-color: #000218">…</p>
#000218テキストに影をつける
馬鹿は死ななきゃ治らない。
<p style="text-shadow: 0.1em 0.1em 0.15em #000218">…</p>
色空間変換
- 十進
- 536
- 二進法
- 00000000, 00000010, 00011000
- 十六進法
- #000218
- LRV
- ≈ 0.3%
- 最も近い短い16進数
- #001 ΔE = 3.005
- RGB
- rgb(0, 2, 24)
- RGBA
- rgba(0, 2, 24, 1.0)
- rg色度
- r: 0.000, g: 0.077, b: 0.923
- RYB
- 赤色: 0.000%, 黄色: 0.724%, 青色: 9.412%
- Android/android.graphics.Color
- -16776680/0xff000218
- HSL
- hsl(235, 100%, 5%)
- HSLA
- hsla(235, 100%, 5%, 1.0)
- HSV/HSB
- 色相: 235° (235.000), 飽和: 100% (1.000), 値: 9% (0.094)
- HSP
- 色相: 235.000, 飽和: 100.000%, 知覚される明るさ: 3.234%
- HSLuv(HUSL)
- H: 263.022, S: 100.019, L: 0.988
- Cubehelix
- H: -127.189, S: 2.740, L: 0.015
- TSL
- T: -2.747, S: 0.564, L: 0.015
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 92% (0.917), 黄色: 0% (0.000), キー・プレート: 91% (0.906)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 99% (0.992), 黄色: 91% (0.906)
- XYZ
- X: 0.187, Y: 0.109, Z: 0.875
- xyY
- x: 0.159, y: 0.093, Y: 0.109
- Lab色空間
- L: 0.988, a: 3.383, b: -10.816
- CIELuv
- L: 0.988, u: -0.389, v: -3.175
- CIELCH/LCHab
- L: 0.988, C: 11.333, H: 287.370
- CIELUV/LCHuv
- L: 0.988, C: 3.199, H: 263.022
- Hunter-Lab
- L: 3.307, a: 4.282, b: -13.379
- CIECAM02
- J: 2.146, C: 21.942, h: 258.577, Q: 28.860, M: 19.188, s: 81.538, H: 310.348
- OSA-UCS
- 明度: -10.826, 黄色: -3.583, 緑色: 0.848
- LMS
- L: 0.042, M: 0.060, S: 0.863
- YCbCr
- Y: 19.360, Cb: 137.954, Cr: 125.560
- YCoCg
- Y: 7.000, Cg: -5.000, Co: -6.000
- YDbDr
- Y: 3.910, Db: 30.226, Dr: 7.440
- YPbPr
- Y: 3.158, Pb: 11.230, Pr: -2.012
- xvYCC
- Y: 18.712, Cb: 137.865, Cr: 126.233
- YIQ
- Y: 3.910, I: -8.259, Q: 6.422
- YUV
- Y: 3.910, U: 9.886, V: -3.430
- Okhsl
- h: 263.441, s: 1.000, l: 0.033
- Okhsv
- h: 263.441. s: 1.000, v: 0.079
- Okhwb
- h: 263.441, w: 0.000, b: 0.921
- Oklab
- l: 0.107, a: -0.006, b: -0.056
- Oklch
- l: 0.107, c: 0.057, h: 263.441
- マンセルカラーシステム
- 5P 2/2 ΔE = 18.662
- ブランドカラー
- Squarespace ΔE = 12.185