#558fce
RGB
赤 | 85 |
---|---|
緑 | 143 |
青 | 206 |
HSL
色相 | 211° |
---|---|
彩度 | 55% |
明度 | 57% |
輝度 | 52% |
3桁の色
補色
反転色
RGB ( 赤 = 85, 緑 = 143, 青 = 206 )
HSL ( 色相 = 211°, 彩度 = 55%, 明度 = 57% )
H : 色相 ( 211° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #ce5755 : -210
11 : #ce6b55 : -200
21 : #ce7f55 : -190
31 : #ce9355 : -180
41 : #cea755 : -170
51 : #cebc55 : -160
61 : #ccce55 : -150
71 : #b8ce55 : -140
81 : #a3ce55 : -130
91 : #8fce55 : -120
101 : #7bce55 : -110
111 : #67ce55 : -100
121 : #55ce57 : -90
131 : #55ce6b : -80
141 : #55ce7f : -70
151 : #55ce93 : -60
161 : #55cea7 : -50
171 : #55cebc : -40
181 : #55ccce : -30
191 : #55b8ce : -20
201 : #55a3ce : -10
211 : #558fce : ±0
221 : #557bce : +10
231 : #5567ce : +20
241 : #5755ce : +30
251 : #6b55ce : +40
261 : #7f55ce : +50
271 : #9355ce : +60
281 : #a755ce : +70
291 : #bc55ce : +80
301 : #ce55cc : +90
311 : #ce55b8 : +100
321 : #ce55a3 : +110
331 : #ce558f : +120
341 : #ce557b : +130
351 : #ce5567 : +140
201 : #55a3ce : -10
202 : #55a1ce : -9
203 : #559fce : -8
204 : #559dce : -7
205 : #559bce : -6
206 : #5599ce : -5
207 : #5597ce : -4
208 : #5595ce : -3
209 : #5593ce : -2
210 : #5591ce : -1
211 : #558fce : ±0
212 : #558dce : +1
213 : #558bce : +2
214 : #5589ce : +3
215 : #5587ce : +4
216 : #5585ce : +5
217 : #5583ce : +6
218 : #5581ce : +7
219 : #557fce : +8
220 : #557dce : +9
221 : #557bce : +10
S : 彩度 ( 55% )
(0%) 渋い ~ 鮮やか (100%)
1 : #909192 : -54
3 : #8e9195 : -52
5 : #8c9197 : -50
7 : #8a9199 : -48
9 : #87919b : -46
11 : #85919d : -44
13 : #8391a0 : -42
15 : #8191a2 : -40
17 : #7f91a4 : -38
19 : #7d91a6 : -36
21 : #7a91a8 : -34
23 : #7891ab : -32
25 : #7690ad : -30
27 : #7490af : -28
29 : #7290b1 : -26
31 : #6f90b3 : -24
33 : #6d90b6 : -22
35 : #6b90b8 : -20
37 : #6990ba : -18
39 : #6790bc : -16
41 : #6490be : -14
43 : #6290c0 : -12
45 : #6090c3 : -10
47 : #5e90c5 : -8
49 : #5c90c7 : -6
51 : #598fc9 : -4
53 : #578fcb : -2
55 : #558fce : ±0
57 : #538fd0 : +2
59 : #518fd2 : +4
61 : #4e8fd4 : +6
63 : #4c8fd6 : +8
65 : #4a8fd9 : +10
67 : #488fdb : +12
69 : #468fdd : +14
71 : #438fdf : +16
73 : #418fe1 : +18
75 : #3f8fe4 : +20
77 : #3d8fe6 : +22
79 : #3b8ee8 : +24
81 : #398eea : +26
83 : #368eec : +28
85 : #348eef : +30
87 : #328ef1 : +32
89 : #308ef3 : +34
91 : #2e8ef5 : +36
93 : #2b8ef7 : +38
95 : #298efa : +40
97 : #278efc : +42
99 : #258efe : +44
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #010304 : -56
3 : #03080c : -54
5 : #060d14 : -52
7 : #08121c : -50
9 : #0a1724 : -48
11 : #0d1c2b : -46
13 : #0f2133 : -44
15 : #11263b : -42
17 : #142b43 : -40
19 : #16304b : -38
21 : #183553 : -36
23 : #1a3a5b : -34
25 : #1d3f63 : -32
27 : #1f446b : -30
29 : #214973 : -28
31 : #244e7b : -26
33 : #265382 : -24
35 : #28588a : -22
37 : #2a5d92 : -20
39 : #2d629a : -18
41 : #2f67a2 : -16
43 : #316caa : -14
45 : #3471b2 : -12
47 : #3676ba : -10
49 : #387bc2 : -8
51 : #3d80c7 : -6
53 : #4585c9 : -4
55 : #4d8acb : -2
57 : #558fce : ±0
59 : #5d95d0 : +2
61 : #659ad2 : +4
63 : #6d9fd5 : +6
65 : #75a4d7 : +8
67 : #7da9d9 : +10
69 : #84afdb : +12
71 : #8cb4de : +14
73 : #94b9e0 : +16
75 : #9cbee2 : +18
77 : #a4c3e5 : +20
79 : #acc8e7 : +22
81 : #b4cee9 : +24
83 : #bcd3eb : +26
85 : #c4d8ee : +28
87 : #ccddf0 : +30
89 : #d4e2f2 : +32
91 : #dbe8f5 : +34
93 : #e3edf7 : +36
95 : #ebf2f9 : +38
97 : #f3f7fc : +40
99 : #fbfcfe : +42
CSS入門、作ってます。
text-shadow