#52bdda
RGB
赤 | 82 |
---|---|
緑 | 189 |
青 | 218 |
HSL
色相 | 193° |
---|---|
彩度 | 65% |
明度 | 59% |
輝度 | 63% |
3桁の色
補色
反転色
RGB ( 赤 = 82, 緑 = 189, 青 = 218 )
HSL ( 色相 = 193°, 彩度 = 65%, 明度 = 59% )
H : 色相 ( 193° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #da5952 : -190
13 : #da7052 : -180
23 : #da8752 : -170
33 : #da9d52 : -160
43 : #dab452 : -150
53 : #dacb52 : -140
63 : #d4da52 : -130
73 : #bdda52 : -120
83 : #a6da52 : -110
93 : #90da52 : -100
103 : #79da52 : -90
113 : #62da52 : -80
123 : #52da59 : -70
133 : #52da70 : -60
143 : #52da87 : -50
153 : #52da9d : -40
163 : #52dab4 : -30
173 : #52dacb : -20
183 : #52d4da : -10
193 : #52bdda : ±0
203 : #52a6da : +10
213 : #5290da : +20
223 : #5279da : +30
233 : #5262da : +40
243 : #5952da : +50
253 : #7052da : +60
263 : #8752da : +70
273 : #9d52da : +80
283 : #b452da : +90
293 : #cb52da : +100
303 : #da52d4 : +110
313 : #da52bd : +120
323 : #da52a6 : +130
333 : #da5290 : +140
343 : #da5279 : +150
353 : #da5262 : +160
183 : #52d4da : -10
184 : #52d1da : -9
185 : #52cfda : -8
186 : #52cdda : -7
187 : #52cbda : -6
188 : #52c8da : -5
189 : #52c6da : -4
190 : #52c4da : -3
191 : #52c1da : -2
192 : #52bfda : -1
193 : #52bdda : ±0
194 : #52bbda : +1
195 : #52b8da : +2
196 : #52b6da : +3
197 : #52b4da : +4
198 : #52b2da : +5
199 : #52afda : +6
200 : #52adda : +7
201 : #52abda : +8
202 : #52a9da : +9
203 : #52a6da : +10
S : 彩度 ( 65% )
(0%) 渋い ~ 鮮やか (100%)
1 : #959797 : -64
3 : #93989a : -62
5 : #91999c : -60
7 : #8f9b9e : -58
9 : #8d9ca0 : -56
11 : #8b9da2 : -54
13 : #899ea4 : -52
15 : #879fa6 : -50
17 : #85a1a8 : -48
19 : #83a2aa : -46
21 : #80a3ac : -44
23 : #7ea4ae : -42
25 : #7ca5b1 : -40
27 : #7aa6b3 : -38
29 : #78a8b5 : -36
31 : #76a9b7 : -34
33 : #74aab9 : -32
35 : #72abbb : -30
37 : #70acbd : -28
39 : #6eaebf : -26
41 : #6cafc1 : -24
43 : #69b0c3 : -22
45 : #67b1c5 : -20
47 : #65b2c8 : -18
49 : #63b3ca : -16
51 : #61b5cc : -14
53 : #5fb6ce : -12
55 : #5db7d0 : -10
57 : #5bb8d2 : -8
59 : #59b9d4 : -6
61 : #57bbd6 : -4
63 : #55bcd8 : -2
65 : #52bdda : ±0
67 : #50bedc : +2
69 : #4ebfdf : +4
71 : #4cc1e1 : +6
73 : #4ac2e3 : +8
75 : #48c3e5 : +10
77 : #46c4e7 : +12
79 : #44c5e9 : +14
81 : #42c6eb : +16
83 : #40c8ed : +18
85 : #3ec9ef : +20
87 : #3bcaf1 : +22
89 : #39cbf3 : +24
91 : #37ccf6 : +26
93 : #35cef8 : +28
95 : #33cffa : +30
97 : #31d0fc : +32
99 : #2fd1fe : +34
L : 明度 ( 59% )
(0%) 暗い ~ 明るい (100%)
1 : #010304 : -58
3 : #030a0d : -56
5 : #041115 : -54
7 : #06181d : -52
9 : #081f26 : -50
11 : #0a262e : -48
13 : #0c2d37 : -46
15 : #0d343f : -44
17 : #0f3b48 : -42
19 : #114250 : -40
21 : #134958 : -38
23 : #155061 : -36
25 : #165769 : -34
27 : #185e72 : -32
29 : #1a657a : -30
31 : #1c6c82 : -28
33 : #1d738b : -26
35 : #1f7a93 : -24
37 : #21819c : -22
39 : #2388a4 : -20
41 : #258fad : -18
43 : #2696b5 : -16
45 : #289dbd : -14
47 : #2aa4c6 : -12
49 : #2cabce : -10
51 : #31b0d3 : -8
53 : #39b3d5 : -6
55 : #42b7d7 : -4
57 : #4abad9 : -2
59 : #52bdda : ±0
61 : #5bc0dc : +2
63 : #63c3de : +4
65 : #6cc7e0 : +6
67 : #74cae2 : +8
69 : #7dcde3 : +10
71 : #85d0e5 : +12
73 : #8dd4e7 : +14
75 : #96d7e9 : +16
77 : #9edaea : +18
79 : #a7ddec : +20
81 : #afe0ee : +22
83 : #b7e4f0 : +24
85 : #c0e7f2 : +26
87 : #c8eaf3 : +28
89 : #d1edf5 : +30
91 : #d9f1f7 : +32
93 : #e2f4f9 : +34
95 : #eaf7fb : +36
97 : #f2fafc : +38
99 : #fbfdfe : +40
CSS入門、作ってます。
text-shadow