
HTML&CSS例
#90c6f9前景
見ぬが花。
<p style="color: #90c6f9">…</p>
#90c6f9背景
異体同心。
<p style="background-color: #90c6f9">…</p>
#90c6f9テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #90c6f9">…</p>
色空間変換
- 十進
- 9488121
- 二進法
- 10010000, 11000110, 11111001
- 十六進法
- #90c6f9
- LRV
- ≈ 53.2%
- 最も近い短い16進数
- #9cf ΔE = 2.356
- RGB
- rgb(144, 198, 249)
- RGBA
- rgba(144, 198, 249, 1.0)
- rg色度
- r: 0.244, g: 0.335, b: 0.421
- RYB
- 赤色: 56.471%, 黄色: 70.455%, 青色: 97.647%
- Android/android.graphics.Color
- -7289095/0xff90c6f9
- HSL
- hsl(209, 90%, 77%)
- HSLA
- hsla(209, 90%, 77%, 1.0)
- HSV/HSB
- 色相: 209° (209.143), 飽和: 42% (0.422), 値: 98% (0.976)
- HSP
- 色相: 209.143, 飽和: 42.169%, 知覚される明るさ: 74.696%
- HSLuv(HUSL)
- H: 241.215, S: 89.890, L: 77.966
- Cubehelix
- H: -154.863, S: 0.766, L: 0.735
- TSL
- T: -2.188, S: 0.120, L: 0.736
- CMYK
- シアン色: 42% (0.422), マゼンタ色: 20% (0.205), 黄色: 0% (0.000), キー・プレート: 2% (0.024)
- CMY
- シアン色: 44% (0.435), マゼンタ色: 22% (0.224), 黄色: 2% (0.024)
- XYZ
- X: 48.789, Y: 53.154, Z: 97.293
- xyY
- x: 0.245, y: 0.267, Y: 53.154
- Lab色空間
- L: 77.966, a: -4.683, b: -30.626
- CIELuv
- L: 77.966, u: -26.704, v: -48.604
- CIELCH/LCHab
- L: 77.966, C: 30.982, H: 261.305
- CIELUV/LCHuv
- L: 77.966, C: 55.457, H: 241.215
- Hunter-Lab
- L: 72.907, a: -8.136, b: -28.087
- CIECAM02
- J: 69.651, C: 41.756, h: 243.122, Q: 164.427, M: 36.515, s: 47.125, H: 302.649
- OSA-UCS
- 明度: -10.203, 黄色: -5.264, 緑色: 2.505
- LMS
- L: 42.787, M: 56.495, S: 96.547
- YCbCr
- Y: 177.202, Cb: 158.381, Cr: 100.673
- YCgCo
- Y: 197.250, Cg: 0.750, Co: 9.750
- YDbDr
- Y: 187.668, Db: 92.283, Dr: 83.049
- YPbPr
- Y: 190.170, Pb: 31.710, Pr: -29.346
- xvYCC
- Y: 179.322, Cb: 155.855, Cr: 102.222
- YIQ
- Y: 187.668, I: -48.553, Q: 4.449
- YUV
- Y: 187.668, U: 30.183, V: -38.311
- マンセルカラーシステム
- 5PB 7/8 ΔE = 5.376
- ブランドカラー
- Vimeo ΔE = 5.767