
HTML&CSS例
#2a81b1前景
猫に小判。
<p style="color: #2a81b1">…</p>
#2a81b1背景
二兎を追う者は一兎をも得ず。
<p style="background-color: #2a81b1">…</p>
#2a81b1テキストに影をつける
蛙の子は蛙。
<p style="text-shadow: 0.1em 0.1em 0.15em #2a81b1">…</p>
色空間変換
- 十進
- 2785713
- 二進法
- 00101010, 10000001, 10110001
- 十六進法
- #2a81b1
- LRV
- ≈ 19.4%
- 最も近い短い16進数
- #28b ΔE = 2.602
- RGB
- rgb(42, 129, 177)
- RGBA
- rgba(42, 129, 177, 1.0)
- rg色度
- r: 0.121, g: 0.371, b: 0.509
- RYB
- 赤色: 16.471%, 黄色: 37.218%, 青色: 69.412%
- Android/android.graphics.Color
- -13991503/0xff2a81b1
- HSL
- hsl(201, 62%, 43%)
- HSLA
- hsla(201, 62%, 43%, 1.0)
- HSV/HSB
- 色相: 201° (201.333), 飽和: 76% (0.763), 値: 69% (0.694)
- HSP
- 色相: 201.333, 飽和: 76.271%, 知覚される明るさ: 46.180%
- HSLuv(HUSL)
- H: 237.759, S: 89.918, L: 51.112
- Cubehelix
- H: -164.446, S: 0.784, L: 0.424
- TSL
- T: -1.944, S: 0.290, L: 0.425
- CMYK
- シアン色: 76% (0.763), マゼンタ色: 27% (0.271), 黄色: 0% (0.000), キー・プレート: 31% (0.306)
- CMY
- シアン色: 84% (0.835), マゼンタ色: 49% (0.494), 黄色: 31% (0.306)
- XYZ
- X: 16.738, Y: 19.365, Z: 44.442
- xyY
- x: 0.208, y: 0.240, Y: 19.365
- Lab色空間
- L: 51.112, a: -9.017, b: -32.647
- CIELuv
- L: 51.112, u: -30.475, v: -48.318
- CIELCH/LCHab
- L: 51.112, C: 33.870, H: 254.560
- CIELUV/LCHuv
- L: 51.112, C: 57.126, H: 237.759
- Hunter-Lab
- L: 44.006, a: -9.117, b: -29.074
- CIECAM02
- J: 39.351, C: 47.298, h: 235.802, Q: 123.591, M: 41.361, s: 57.850, H: 298.027
- OSA-UCS
- 明度: -10.255, 黄色: -5.586, 緑色: 3.651
- LMS
- L: 13.367, M: 21.367, S: 44.018
- YCbCr
- Y: 109.156, Cb: 161.948, Cr: 86.399
- YCgCo
- Y: 119.250, Cg: 9.750, Co: -23.250
- YDbDr
- Y: 108.459, Db: 103.134, Dr: 126.387
- YPbPr
- Y: 113.925, Pb: 34.005, Pr: -45.708
- xvYCC
- Y: 113.841, Cb: 157.871, Cr: 87.849
- YIQ
- Y: 108.459, I: -67.248, Q: -3.462
- YUV
- Y: 108.459, U: 33.730, V: -58.305
- マンセルカラーシステム
- 2.5PB 5/10 ΔE = 3.353
- ブランドカラー
- Dell ΔE = 4.119