
HTML&CSS例
#6f9aa3前景
自業自得。
<p style="color: #6f9aa3">…</p>
#6f9aa3背景
弱肉強食。
<p style="background-color: #6f9aa3">…</p>
#6f9aa3テキストに影をつける
悪因悪果。
<p style="text-shadow: 0.1em 0.1em 0.15em #6f9aa3">…</p>
色空間変換
- 十進
- 7314083
- 二進法
- 01101111, 10011010, 10100011
- 十六進法
- #6f9aa3
- LRV
- ≈ 29.1%
- 最も近い短い16進数
- #69a ΔE = 3.282
- RGB
- rgb(111, 154, 163)
- RGBA
- rgba(111, 154, 163, 1.0)
- rg色度
- r: 0.259, g: 0.360, b: 0.381
- RYB
- 赤色: 43.529%, 黄色: 52.760%, 青色: 63.922%
- Android/android.graphics.Color
- -9463133/0xff6f9aa3
- HSL
- hsl(190, 22%, 54%)
- HSLA
- hsla(190, 22%, 54%, 1.0)
- HSV/HSB
- 色相: 190° (190.385), 飽和: 32% (0.319), 値: 64% (0.639)
- HSP
- 色相: 190.385, 飽和: 31.902%, 知覚される明るさ: 56.332%
- HSLuv(HUSL)
- H: 209.392, S: 47.215, L: 60.899
- Cubehelix
- H: -177.374, S: 0.312, L: 0.557
- TSL
- T: -1.678, S: 0.105, L: 0.558
- CMYK
- シアン色: 32% (0.319), マゼンタ色: 6% (0.055), 黄色: 0% (0.000), キー・プレート: 36% (0.361)
- CMY
- シアン色: 56% (0.565), マゼンタ色: 40% (0.396), 黄色: 36% (0.361)
- XYZ
- X: 24.720, Y: 29.134, Z: 38.964
- xyY
- x: 0.266, y: 0.314, Y: 29.134
- Lab色空間
- L: 60.899, a: -12.305, b: -9.407
- CIELuv
- L: 60.899, u: -21.337, v: -12.019
- CIELCH/LCHab
- L: 60.899, C: 15.489, H: 217.397
- CIELUV/LCHuv
- L: 60.899, C: 24.489, H: 209.392
- Hunter-Lab
- L: 53.976, a: -12.708, b: -5.017
- CIECAM02
- J: 50.167, C: 24.380, h: 213.123, Q: 139.547, M: 21.320, s: 39.087, H: 270.614
- OSA-UCS
- 明度: -10.105, 黄色: -1.579, 緑色: 2.522
- LMS
- L: 24.303, M: 32.299, S: 38.788
- YCbCr
- Y: 138.117, Cb: 138.315, Cr: 108.484
- YCgCo
- Y: 145.500, Cg: 8.500, Co: 14.750
- YDbDr
- Y: 142.169, Db: 31.347, Dr: 59.272
- YPbPr
- Y: 145.489, Pb: 9.445, Pr: -21.914
- xvYCC
- Y: 140.949, Cb: 136.297, Cr: 108.750
- YIQ
- Y: 142.169, I: -28.507, Q: -6.292
- YUV
- Y: 142.169, U: 10.252, V: -27.345
- マンセルカラーシステム
- 5B 6/4 ΔE = 1.903
- ブランドカラー
- Foursquare ΔE = 9.743