#5af9fc
RGB
赤 | 90 |
---|---|
緑 | 249 |
青 | 252 |
HSL
色相 | 181° |
---|---|
彩度 | 96% |
明度 | 67% |
輝度 | 79% |
3桁の色
補色
反転色
RGB ( 赤 = 90, 緑 = 249, 青 = 252 )
HSL ( 色相 = 181°, 彩度 = 96%, 明度 = 67% )
H : 色相 ( 181° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #fc5d5a : -180
11 : #fc785a : -170
21 : #fc935a : -160
31 : #fcae5a : -150
41 : #fcc85a : -140
51 : #fce35a : -130
61 : #f9fc5a : -120
71 : #defc5a : -110
81 : #c3fc5a : -100
91 : #a8fc5a : -90
101 : #8dfc5a : -80
111 : #72fc5a : -70
121 : #5afc5d : -60
131 : #5afc78 : -50
141 : #5afc93 : -40
151 : #5afcae : -30
161 : #5afcc8 : -20
171 : #5afce3 : -10
181 : #5af9fc : ±0
191 : #5adefc : +10
201 : #5ac3fc : +20
211 : #5aa8fc : +30
221 : #5a8dfc : +40
231 : #5a72fc : +50
241 : #5d5afc : +60
251 : #785afc : +70
261 : #935afc : +80
271 : #ae5afc : +90
281 : #c85afc : +100
291 : #e35afc : +110
301 : #fc5af9 : +120
311 : #fc5ade : +130
321 : #fc5ac3 : +140
331 : #fc5aa8 : +150
341 : #fc5a8d : +160
351 : #fc5a72 : +170
171 : #5afce3 : -10
172 : #5afce6 : -9
173 : #5afce9 : -8
174 : #5afceb : -7
175 : #5afcee : -6
176 : #5afcf1 : -5
177 : #5afcf4 : -4
178 : #5afcf6 : -3
179 : #5afcf9 : -2
180 : #5afcfc : -1
181 : #5af9fc : ±0
182 : #5af6fc : +1
183 : #5af4fc : +2
184 : #5af1fc : +3
185 : #5aeefc : +4
186 : #5aebfc : +5
187 : #5ae9fc : +6
188 : #5ae6fc : +7
189 : #5ae3fc : +8
190 : #5ae1fc : +9
191 : #5adefc : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #aaaaaa : -96
2 : #a9acad : -94
4 : #a7aeae : -92
6 : #a6b0b0 : -90
8 : #a4b1b2 : -88
10 : #a2b3b3 : -86
12 : #a1b5b5 : -84
14 : #9fb6b7 : -82
16 : #9db8b8 : -80
18 : #9cb9ba : -78
20 : #9abbbc : -76
22 : #98bdbd : -74
24 : #97bebf : -72
26 : #95c0c1 : -70
28 : #93c2c2 : -68
30 : #92c3c4 : -66
32 : #90c5c6 : -64
34 : #8ec7c7 : -62
36 : #8dc8c9 : -60
38 : #8bcacb : -58
40 : #89cbcd : -56
42 : #88cdce : -54
44 : #86cfd0 : -52
46 : #84d0d2 : -50
48 : #82d2d3 : -48
50 : #81d4d5 : -46
52 : #7fd5d7 : -44
54 : #7dd7d8 : -42
56 : #7cd8da : -40
58 : #7adadc : -38
60 : #78dcdd : -36
62 : #77dddf : -34
64 : #75dfe1 : -32
66 : #73e1e2 : -30
68 : #72e2e4 : -28
70 : #70e4e6 : -26
72 : #6ee5e7 : -24
74 : #6de7e9 : -22
76 : #6be9eb : -20
78 : #69eaec : -18
80 : #68ecee : -16
82 : #66eef0 : -14
84 : #64eff2 : -12
86 : #62f1f3 : -10
88 : #61f2f5 : -8
90 : #5ff4f7 : -6
92 : #5df6f8 : -4
94 : #5cf7fa : -2
96 : #5af9fc : ±0
98 : #58fbfd : +2
100 : #57fcff : +4
L : 明度 ( 67% )
(0%) 暗い ~ 明るい (100%)
1 : #000505 : -66
3 : #000f0f : -64
5 : #011919 : -62
7 : #012223 : -60
9 : #012c2d : -58
11 : #013637 : -56
13 : #014041 : -54
15 : #024a4b : -52
17 : #025455 : -50
19 : #025d5f : -48
21 : #026769 : -46
23 : #027173 : -44
25 : #037b7d : -42
27 : #038587 : -40
29 : #038f91 : -38
31 : #03989b : -36
33 : #03a2a5 : -34
35 : #04acaf : -32
37 : #04b6b9 : -30
39 : #04c0c3 : -28
41 : #04cacd : -26
43 : #04d3d7 : -24
45 : #05dde1 : -22
47 : #05e7eb : -20
49 : #05f1f5 : -18
51 : #0af6fa : -16
53 : #14f6fa : -14
55 : #1ef7fa : -12
57 : #28f7fb : -10
59 : #32f7fb : -8
61 : #3cf8fb : -6
63 : #46f8fb : -4
65 : #50f9fb : -2
67 : #5af9fc : ±0
69 : #64f9fc : +2
71 : #6efafc : +4
73 : #78fafc : +6
75 : #82fafc : +8
77 : #8cfbfd : +10
79 : #96fbfd : +12
81 : #a0fcfd : +14
83 : #aafcfd : +16
85 : #b4fcfd : +18
87 : #befdfe : +20
89 : #c8fdfe : +22
91 : #d2fdfe : +24
93 : #dcfefe : +26
95 : #e6fefe : +28
97 : #f0feff : +30
99 : #faffff : +32
CSS入門、作ってます。
text-shadow