Encycolorpedia

#558cf0十六進の色コード

#558cf0 Paint Chip十六進の色コード#558cf0シアン青色の明るさの中間の色合いです。光の三原色RGBにおいて色モデル#558cf0は33.33%の赤色、54.9%の绿色、94.12%の青色でできている。HSLで色彩空間#558cf0は219°度の色調、84%の彩度、64%の明るさを有している。この色は約473.35nmの波長である。

色のバリエーション

名前付き色

配色

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

#558cf0を補足するための#dedd67線上グラデーション

  1. #558cf0
  2. #7f98db
  3. #9ba5c6
  4. #b0b2b1
  5. #c2c09a
  6. #d1ce82
  7. #dedd67

単色

  1. #2e72d2
  2. #3d7bdc
  3. #4983e6
  4. #558cf0
  5. #6095fa
  6. #6b9eff
  7. #76a7ff

色調

  1. #558cf0
  2. #6a90e3
  3. #7b93d6
  4. #8797ca
  5. #929bbd
  6. #9b9fb0
  7. #a3a3a3

色彩勾配

#558cf0黒まで

  1. #558cf0
  2. #7a9ef3
  3. #99b0f6
  4. #b4c3f9
  5. #ced7fb
  6. #e7ebfd
  7. #ffffff

#558cf0白まで

  1. #558cf0
  2. #4973c4
  3. #3d5b99
  4. #314471
  5. #242f4b
  6. #171b28
  7. #000000

色覚異常

1色覚

2色型色覚

3色型色覚

塗料

類似の塗料

  1. Plascon

    1. ★ Blue Sky B5-A1-4
      #5488f0
      ΔE = 1.596

HTML&CSS例

#558cf0前景

猿も木から落ちる。

<p style="color: #558cf0">…</p>

#558cf0背景

花より団子。

<p style="background-color: #558cf0">…</p>

#558cf0テキストに影をつける

蛙の子は蛙。

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

構成表

色空間変換

十進
5606640
二進法
01010101, 10001100, 11110000
十六進法
#558cf0
最も近い短い16進数
#58e ΔE = 1.467
RGB
rgb(85, 140, 240)
RGBA
rgba(85, 140, 240, 1.0)
rg色度
r: 0.183, g: 0.301, b: 0.516
RYB
赤色: 0.333%, 黄色: 0.493%, 青色: 0.941%
Android/android.graphics.Color
-11170576/0xff558cf0
HSL
hsl(219, 84%, 64%)
HSLA
hsla(219, 84%%, 64%%, 1.0)
HSV/HSB
色相: 219° (218.710), 飽和: 65% (0.646), 値: 94% (0.941)
HSP
色相: 218.710, 飽和: 64.583%, 知覚される明るさ: 55.780%
HSLuv(HUSL)
H: 255.186, S: 86.791, L: 58.952
Cubehelix
H: -143.552, S: 0.918, L: 0.527
TSL
T: -2.049, S: 0.207, L: 0.529
CMYK
シアン色: 65% (0.646), マゼンタ色: 42% (0.417), 黄色: 0% (0.000), キー・プレート: 6% (0.059)
CMY
シアン色: 67% (0.667), マゼンタ色: 45% (0.451), 黄色: 6% (0.059)
XYZ
X: 28.847, Y: 26.976, Z: 86.108
xyY
x: 0.203, y: 0.190, Y: 26.976
Lab色空間
L: 58.952, a: 12.945, b: -55.724
CIELuv
L: 58.952, u: -23.795, v: -89.970
CIELCH/LCHab
L: 58.952, C: 57.207, H: 283.078
CIELUV/LCHuv
L: 58.952, C: 93.063, H: 255.186
Hunter-Lab
L: 51.938, a: 8.248, b: -61.939
CIECAM02
J: 47.507, C: 62.072, h: 255.754, Q: 135.797, M: 54.281, s: 63.224, H: 308.898
OSA-UCS
明度: -10.400, 黄色: -9.849, 緑色: 2.258
LMS
L: 18.744, M: 26.020, S: 85.132
YCbCr
Y: 131.925, Cb: 180.040, Cr: 96.755
YCgCo
Y: 151.250, Cg: -11.250, Co: -17.500
YDbDr
Y: 134.955, Db: 158.050, Dr: 95.015
YPbPr
Y: 135.485, Pb: 56.325, Pr: -32.100
xvYCC
Y: 132.358, Cb: 177.478, Cr: 99.802
YIQ
Y: 134.955, I: -64.891, Q: 19.483
YUV
Y: 134.955, U: 51.694, V: -43.826
マンセルカラーシステム
7.5PB 5/10 ΔE = 8.854
ブランドカラー
Prezi ΔE = 2.445

ランダム色