Encycolorpedia

#22aaff/#2af十六進の色コード

#22aaff Paint Chip十六進の色コード#22aaff#2afシアン青色の色合いです。光の三原色RGBにおいて色モデル#22aaffは13.33%の赤色、66.67%の绿色、100%の青色でできている。HSLで色彩空間#22aaffは203°度の色調、100%の彩度、57%の明るさを有している。この色は約478.44nmの波長である。

色のバリエーション

名前付き色

配色

ダウンロード:GIMP GPL Adobe ASE (Adobe Swatch Exchange) Sketch Palette

#22aaffを補足するための#cba756線上グラデーション

  1. #22aaff
  2. #6ca9e3
  3. #8da8c7
  4. #a3a8ac
  5. #b4a790
  6. #c1a774
  7. #cba756

単色

  1. #008bdd
  2. #0095e8
  3. #00a0f4
  4. #22aaff
  5. #39b4ff
  6. #4bbfff
  7. #5acaff

色調

  1. #22aaff
  2. #4fa6ec
  3. #66a1da
  4. #769dc7
  5. #8299b5
  6. #8a95a3
  7. #919191

色彩勾配

#22aaff黒まで

  1. #22aaff
  2. #65b7ff
  3. #8cc5ff
  4. #add3ff
  5. #cae2ff
  6. #e5f0ff
  7. #ffffff

#22aaff白まで

  1. #22aaff
  2. #288bd0
  3. #286ea2
  4. #245277
  5. #1e374f
  6. #151f29
  7. #000000

色覚異常

1色覚

2色型色覚

3色型色覚

塗料

類似の塗料

  1. Valspar Paint

    1. ★ Splish Splash
      #0ea5fd
      ΔE = 1.931 / LRV ≈ 34.1%
    2. Ocean Sigh
      #2ba6f1
      ΔE = 2.669 / LRV ≈ 34.1%

HTML&CSS例

#22aaff前景

弱肉強食。

<p style="color: #2af">…</p>

#22aaff背景

蛙の子は蛙。

<p style="background-color: #2af">…</p>

#22aaffテキストに影をつける

起死回生。

<p style="text-shadow: 0.1em 0.1em 0.15em #2af">…</p>

構成表

色空間変換

十進
2271999
二進法
00100010, 10101010, 11111111
十六進法
#22aaff/#2af
LRV
≈ 36.3%
RGB
rgb(34, 170, 255)
RGBA
rgba(34, 170, 255, 1.0)
rg色度
r: 0.074, g: 0.370, b: 0.556
RYB
赤色: 0.133%, 黄色: 0.463%, 青色: 1.000%
Android/android.graphics.Color
-14505217/0xff22aaff
HSL
hsl(203, 100%, 57%)
HSLA
hsla(203, 100%, 57%, 1.0)
HSV/HSB
色相: 203° (203.077), 飽和: 87% (0.867), 値: 100% (1.000)
HSP
色相: 203.077, 飽和: 86.667%, 知覚される明るさ: 61.661%
HSLuv(HUSL)
H: 243.875, S: 99.987, L: 66.752
Cubehelix
H: -162.309, S: 1.261, L: 0.543
TSL
T: -1.995, S: 0.351, L: 0.545
CMYK
シアン色: 87% (0.867), マゼンタ色: 33% (0.333), 黄色: 0% (0.000), キー・プレート: 0% (0.000)
CMY
シアン色: 87% (0.867), マゼンタ色: 33% (0.333), 黄色: 0% (0.000)
XYZ
X: 33.077, Y: 36.305, Z: 99.853
xyY
x: 0.195, y: 0.215, Y: 36.305
Lab色空間
L: 66.752, a: -4.996, b: -51.634
CIELuv
L: 66.752, u: -40.795, v: -83.180
CIELCH/LCHab
L: 66.752, C: 51.875, H: 264.473
CIELUV/LCHuv
L: 66.752, C: 92.645, H: 243.875
Hunter-Lab
L: 60.254, a: -7.454, b: -56.078
CIECAM02
J: 55.329, C: 65.061, h: 240.846, Q: 146.551, M: 56.895, s: 62.308, H: 301.562
OSA-UCS
明度: -10.323, 黄色: -8.946, 緑色: 4.740
LMS
L: 23.620, M: 38.964, S: 98.788
YCbCr
Y: 135.408, Cb: 185.443, Cr: 62.261
YCgCo
Y: 157.250, Cg: 12.750, Co: -46.750
YDbDr
Y: 139.026, Db: 174.505, Dr: 199.733
YPbPr
Y: 147.152, Pb: 58.140, Pr: -71.910
xvYCC
Y: 142.378, Cb: 179.072, Cr: 64.832
YIQ
Y: 139.026, I: -108.325, Q: -2.312
YUV
Y: 139.026, U: 57.071, V: -92.141
マンセルカラーシステム
5PB 6/10 ΔE = 7.926
ブランドカラー
Disqus (blue) ΔE = 5.208

ランダム色