
HTML&CSS例
#005aa9前景
猫に小判。
<p style="color: #005aa9">…</p>
#005aa9背景
美人薄命。
<p style="background-color: #005aa9">…</p>
#005aa9テキストに影をつける
起死回生。
<p style="text-shadow: 0.1em 0.1em 0.15em #005aa9">…</p>
色空間変換
- 十進
- 23209
- 二進法
- 00000000, 01011010, 10101001
- 十六進法
- #005aa9
- LRV
- ≈ 10.2%
- 最も近い短い16進数
- #05a ΔE = 2.457
- RGB
- rgb(0, 90, 169)
- RGBA
- rgba(0, 90, 169, 1.0)
- rg色度
- r: 0.000, g: 0.347, b: 0.653
- RYB
- 赤色: 0.000%, 黄色: 23.030%, 青色: 66.275%
- Android/android.graphics.Color
- -16754007/0xff005aa9
- HSL
- hsl(208, 100%, 33%)
- HSLA
- hsla(208, 100%, 33%, 1.0)
- HSV/HSB
- 色相: 208° (208.047), 飽和: 100% (1.000), 値: 66% (0.663)
- HSP
- 色相: 208.047, 飽和: 100.000%, 知覚される明るさ: 35.099%
- HSLuv(HUSL)
- H: 252.929, S: 100.019, L: 38.155
- Cubehelix
- H: -156.202, S: 1.186, L: 0.281
- TSL
- T: -2.151, S: 0.448, L: 0.283
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 47% (0.467), 黄色: 0% (0.000), キー・プレート: 34% (0.337)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 65% (0.647), 黄色: 34% (0.337)
- XYZ
- X: 10.815, Y: 10.175, Z: 38.922
- xyY
- x: 0.181, y: 0.170, Y: 10.175
- Lab色空間
- L: 38.155, a: 8.859, b: -48.570
- CIELuv
- L: 38.155, u: -21.557, v: -70.196
- CIELCH/LCHab
- L: 38.155, C: 49.372, H: 280.337
- CIELUV/LCHuv
- L: 38.155, C: 73.431, H: 252.929
- Hunter-Lab
- L: 31.899, a: 4.695, b: -50.015
- CIECAM02
- J: 27.301, C: 56.779, h: 249.484, Q: 102.944, M: 49.652, s: 69.450, H: 305.749
- OSA-UCS
- 明度: -10.464, 黄色: -8.604, 緑色: 3.080
- LMS
- L: 5.975, M: 9.901, S: 38.447
- YCbCr
- Y: 77.922, Cb: 176.001, Cr: 82.881
- YCoCg
- Y: 87.250, Cg: 2.750, Co: -42.250
- YDbDr
- Y: 72.096, Db: 145.807, Dr: 137.113
- YPbPr
- Y: 76.518, Pb: 49.850, Pr: -48.634
- xvYCC
- Y: 81.715, Cb: 171.790, Cr: 85.278
- YIQ
- Y: 72.096, I: -78.994, Q: 5.549
- YUV
- Y: 72.096, U: 47.687, V: -63.251
- マンセルカラーシステム
- 7.5PB 3/12 ΔE = 6.373
- ブランドカラー
- Sega ΔE = 2.679