#5ad3fc
RGB
赤 | 90 |
---|---|
緑 | 211 |
青 | 252 |
HSL
色相 | 195° |
---|---|
彩度 | 96% |
明度 | 67% |
輝度 | 70% |
3桁の色
補色
反転色
RGB ( 赤 = 90, 緑 = 211, 青 = 252 )
HSL ( 色相 = 195°, 彩度 = 96%, 明度 = 67% )
H : 色相 ( 195° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #fc685a : -190
15 : #fc825a : -180
25 : #fc9d5a : -170
35 : #fcb85a : -160
45 : #fcd35a : -150
55 : #fcee5a : -140
65 : #eefc5a : -130
75 : #d3fc5a : -120
85 : #b8fc5a : -110
95 : #9dfc5a : -100
105 : #82fc5a : -90
115 : #68fc5a : -80
125 : #5afc68 : -70
135 : #5afc82 : -60
145 : #5afc9d : -50
155 : #5afcb8 : -40
165 : #5afcd3 : -30
175 : #5afcee : -20
185 : #5aeefc : -10
195 : #5ad3fc : ±0
205 : #5ab8fc : +10
215 : #5a9dfc : +20
225 : #5a82fc : +30
235 : #5a68fc : +40
245 : #685afc : +50
255 : #825afc : +60
265 : #9d5afc : +70
275 : #b85afc : +80
285 : #d35afc : +90
295 : #ee5afc : +100
305 : #fc5aee : +110
315 : #fc5ad3 : +120
325 : #fc5ab8 : +130
335 : #fc5a9d : +140
345 : #fc5a82 : +150
355 : #fc5a68 : +160
185 : #5aeefc : -10
186 : #5aebfc : -9
187 : #5ae9fc : -8
188 : #5ae6fc : -7
189 : #5ae3fc : -6
190 : #5ae1fc : -5
191 : #5adefc : -4
192 : #5adbfc : -3
193 : #5ad9fc : -2
194 : #5ad6fc : -1
195 : #5ad3fc : ±0
196 : #5ad1fc : +1
197 : #5acefc : +2
198 : #5acbfc : +3
199 : #5ac8fc : +4
200 : #5ac6fc : +5
201 : #5ac3fc : +6
202 : #5ac0fc : +7
203 : #5abefc : +8
204 : #5abbfc : +9
205 : #5ab8fc : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #aaaaaa : -96
2 : #a9acad : -94
4 : #a7adae : -92
6 : #a6adb0 : -90
8 : #a4aeb2 : -88
10 : #a2afb3 : -86
12 : #a1b0b5 : -84
14 : #9fb1b7 : -82
16 : #9db2b8 : -80
18 : #9cb2ba : -78
20 : #9ab3bc : -76
22 : #98b4bd : -74
24 : #97b5bf : -72
26 : #95b6c1 : -70
28 : #93b7c2 : -68
30 : #92b7c4 : -66
32 : #90b8c6 : -64
34 : #8eb9c7 : -62
36 : #8dbac9 : -60
38 : #8bbbcb : -58
40 : #89bccd : -56
42 : #88bdce : -54
44 : #86bdd0 : -52
46 : #84bed2 : -50
48 : #82bfd3 : -48
50 : #81c0d5 : -46
52 : #7fc1d7 : -44
54 : #7dc2d8 : -42
56 : #7cc2da : -40
58 : #7ac3dc : -38
60 : #78c4dd : -36
62 : #77c5df : -34
64 : #75c6e1 : -32
66 : #73c7e2 : -30
68 : #72c7e4 : -28
70 : #70c8e6 : -26
72 : #6ec9e7 : -24
74 : #6dcae9 : -22
76 : #6bcbeb : -20
78 : #69ccec : -18
80 : #68cdee : -16
82 : #66cdf0 : -14
84 : #64cef2 : -12
86 : #62cff3 : -10
88 : #61d0f5 : -8
90 : #5fd1f7 : -6
92 : #5dd2f8 : -4
94 : #5cd2fa : -2
96 : #5ad3fc : ±0
98 : #58d4fd : +2
100 : #57d5ff : +4
L : 明度 ( 67% )
(0%) 暗い ~ 明るい (100%)
1 : #000405 : -66
3 : #000b0f : -64
5 : #011319 : -62
7 : #011a23 : -60
9 : #01222d : -58
11 : #012a37 : -56
13 : #013141 : -54
15 : #02394b : -52
17 : #024055 : -50
19 : #02485f : -48
21 : #024f69 : -46
23 : #025773 : -44
25 : #035e7d : -42
27 : #036687 : -40
29 : #036d91 : -38
31 : #03759b : -36
33 : #037da5 : -34
35 : #0484af : -32
37 : #048cb9 : -30
39 : #0493c3 : -28
41 : #049bcd : -26
43 : #04a2d7 : -24
45 : #05aae1 : -22
47 : #05b1eb : -20
49 : #05b9f5 : -18
51 : #0abefa : -16
53 : #14c1fa : -14
55 : #1ec3fa : -12
57 : #28c6fb : -10
59 : #32c9fb : -8
61 : #3ccbfb : -6
63 : #46cefb : -4
65 : #50d1fb : -2
67 : #5ad3fc : ±0
69 : #64d6fc : +2
71 : #6ed9fc : +4
73 : #78dbfc : +6
75 : #82defc : +8
77 : #8ce1fd : +10
79 : #96e3fd : +12
81 : #a0e6fd : +14
83 : #aae8fd : +16
85 : #b4ebfd : +18
87 : #beeefe : +20
89 : #c8f0fe : +22
91 : #d2f3fe : +24
93 : #dcf6fe : +26
95 : #e6f8fe : +28
97 : #f0fbff : +30
99 : #fafeff : +32
CSS入門、作ってます。
text-shadow