#50bedc
RGB
赤 | 80 |
---|---|
緑 | 190 |
青 | 220 |
HSL
色相 | 193° |
---|---|
彩度 | 67% |
明度 | 59% |
輝度 | 63% |
3桁の色
補色
反転色
RGB ( 赤 = 80, 緑 = 190, 青 = 220 )
HSL ( 色相 = 193°, 彩度 = 67%, 明度 = 59% )
H : 色相 ( 193° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #dc5750 : -190
13 : #dc6f50 : -180
23 : #dc8650 : -170
33 : #dc9d50 : -160
43 : #dcb550 : -150
53 : #dccc50 : -140
63 : #d5dc50 : -130
73 : #bedc50 : -120
83 : #a7dc50 : -110
93 : #8fdc50 : -100
103 : #78dc50 : -90
113 : #61dc50 : -80
123 : #50dc57 : -70
133 : #50dc6f : -60
143 : #50dc86 : -50
153 : #50dc9d : -40
163 : #50dcb5 : -30
173 : #50dccc : -20
183 : #50d5dc : -10
193 : #50bedc : ±0
203 : #50a7dc : +10
213 : #508fdc : +20
223 : #5078dc : +30
233 : #5061dc : +40
243 : #5750dc : +50
253 : #6f50dc : +60
263 : #8650dc : +70
273 : #9d50dc : +80
283 : #b550dc : +90
293 : #cc50dc : +100
303 : #dc50d5 : +110
313 : #dc50be : +120
323 : #dc50a7 : +130
333 : #dc508f : +140
343 : #dc5078 : +150
353 : #dc5061 : +160
183 : #50d5dc : -10
184 : #50d3dc : -9
185 : #50d1dc : -8
186 : #50cedc : -7
187 : #50ccdc : -6
188 : #50cadc : -5
189 : #50c7dc : -4
190 : #50c5dc : -3
191 : #50c3dc : -2
192 : #50c0dc : -1
193 : #50bedc : ±0
194 : #50bcdc : +1
195 : #50b9dc : +2
196 : #50b7dc : +3
197 : #50b5dc : +4
198 : #50b2dc : +5
199 : #50b0dc : +6
200 : #50aedc : +7
201 : #50abdc : +8
202 : #50a9dc : +9
203 : #50a7dc : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #959797 : -66
3 : #93989a : -64
5 : #91999c : -62
7 : #8f9b9e : -60
9 : #8d9ca0 : -58
11 : #8b9da2 : -56
13 : #899ea4 : -54
15 : #879fa6 : -52
17 : #85a1a8 : -50
19 : #83a2aa : -48
21 : #80a3ac : -46
23 : #7ea4ae : -44
25 : #7ca5b1 : -42
27 : #7aa6b3 : -40
29 : #78a8b5 : -38
31 : #76a9b7 : -36
33 : #74aab9 : -34
35 : #72abbb : -32
37 : #70acbd : -30
39 : #6eaebf : -28
41 : #6cafc1 : -26
43 : #69b0c3 : -24
45 : #67b1c5 : -22
47 : #65b2c8 : -20
49 : #63b3ca : -18
51 : #61b5cc : -16
53 : #5fb6ce : -14
55 : #5db7d0 : -12
57 : #5bb8d2 : -10
59 : #59b9d4 : -8
61 : #57bbd6 : -6
63 : #55bcd8 : -4
65 : #52bdda : -2
67 : #50bedc : ±0
69 : #4ebfdf : +2
71 : #4cc1e1 : +4
73 : #4ac2e3 : +6
75 : #48c3e5 : +8
77 : #46c4e7 : +10
79 : #44c5e9 : +12
81 : #42c6eb : +14
83 : #40c8ed : +16
85 : #3ec9ef : +18
87 : #3bcaf1 : +20
89 : #39cbf3 : +22
91 : #37ccf6 : +24
93 : #35cef8 : +26
95 : #33cffa : +28
97 : #31d0fc : +30
99 : #2fd1fe : +32
L : 明度 ( 59% )
(0%) 暗い ~ 明るい (100%)
1 : #010404 : -58
3 : #030b0d : -56
5 : #041215 : -54
7 : #06191e : -52
9 : #082026 : -50
11 : #09272f : -48
13 : #0b2e37 : -46
15 : #0d3540 : -44
17 : #0e3c48 : -42
19 : #104351 : -40
21 : #124a59 : -38
23 : #135162 : -36
25 : #15586a : -34
27 : #175f73 : -32
29 : #18667b : -30
31 : #1a6d84 : -28
33 : #1c748d : -26
35 : #1d7b95 : -24
37 : #1f829e : -22
39 : #2189a6 : -20
41 : #2390af : -18
43 : #2497b7 : -16
45 : #269ec0 : -14
47 : #28a5c8 : -12
49 : #29acd1 : -10
51 : #2eb1d6 : -8
53 : #37b5d7 : -6
55 : #3fb8d9 : -4
57 : #48bbdb : -2
59 : #50bedc : ±0
61 : #59c1de : +2
63 : #61c4e0 : +4
65 : #6ac8e2 : +6
67 : #72cbe3 : +8
69 : #7bcee5 : +10
71 : #84d1e7 : +12
73 : #8cd4e8 : +14
75 : #95d7ea : +16
77 : #9ddbec : +18
79 : #a6deed : +20
81 : #aee1ef : +22
83 : #b7e4f1 : +24
85 : #bfe7f2 : +26
87 : #c8eaf4 : +28
89 : #d0eef6 : +30
91 : #d9f1f7 : +32
93 : #e1f4f9 : +34
95 : #eaf7fb : +36
97 : #f2fafc : +38
99 : #fbfdfe : +40
CSS入門、作ってます。
text-shadow