#81a2fd
RGB
赤 | 129 |
---|---|
緑 | 162 |
青 | 253 |
HSL
色相 | 224° |
---|---|
彩度 | 97% |
明度 | 75% |
輝度 | 64% |
3桁の色
補色
反転色
RGB ( 赤 = 129, 緑 = 162, 青 = 253 )
HSL ( 色相 = 224°, 彩度 = 97%, 明度 = 75% )
H : 色相 ( 224° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #fd8a81 : -220
14 : #fd9e81 : -210
24 : #fdb381 : -200
34 : #fdc781 : -190
44 : #fddc81 : -180
54 : #fdf181 : -170
64 : #f5fd81 : -160
74 : #e0fd81 : -150
84 : #ccfd81 : -140
94 : #b7fd81 : -130
104 : #a2fd81 : -120
114 : #8efd81 : -110
124 : #81fd8a : -100
134 : #81fd9e : -90
144 : #81fdb3 : -80
154 : #81fdc7 : -70
164 : #81fddc : -60
174 : #81fdf1 : -50
184 : #81f5fd : -40
194 : #81e0fd : -30
204 : #81ccfd : -20
214 : #81b7fd : -10
224 : #81a2fd : ±0
234 : #818efd : +10
244 : #8a81fd : +20
254 : #9e81fd : +30
264 : #b381fd : +40
274 : #c781fd : +50
284 : #dc81fd : +60
294 : #f181fd : +70
304 : #fd81f5 : +80
314 : #fd81e0 : +90
324 : #fd81cc : +100
334 : #fd81b7 : +110
344 : #fd81a2 : +120
354 : #fd818e : +130
214 : #81b7fd : -10
215 : #81b5fd : -9
216 : #81b3fd : -8
217 : #81b1fd : -7
218 : #81affd : -6
219 : #81adfd : -5
220 : #81abfd : -4
221 : #81a9fd : -3
222 : #81a7fd : -2
223 : #81a4fd : -1
224 : #81a2fd : ±0
225 : #81a0fd : +1
226 : #819efd : +2
227 : #819cfd : +3
228 : #819afd : +4
229 : #8198fd : +5
230 : #8196fd : +6
231 : #8194fd : +7
232 : #8192fd : +8
233 : #8190fd : +9
234 : #818efd : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #bfbfc0 : -96
3 : #bdbec1 : -94
5 : #bcbec2 : -92
7 : #bbbdc4 : -90
9 : #babdc5 : -88
11 : #b8bcc6 : -86
13 : #b7bbc8 : -84
15 : #b6bbc9 : -82
17 : #b4baca : -80
19 : #b3bacb : -78
21 : #b2b9cd : -76
23 : #b1b8ce : -74
25 : #afb8cf : -72
27 : #aeb7d0 : -70
29 : #adb7d2 : -68
31 : #abb6d3 : -66
33 : #aab5d4 : -64
35 : #a9b5d6 : -62
37 : #a8b4d7 : -60
39 : #a6b4d8 : -58
41 : #a5b3d9 : -56
43 : #a4b2db : -54
45 : #a3b2dc : -52
47 : #a1b1dd : -50
49 : #a0b1de : -48
51 : #9fb0e0 : -46
53 : #9dafe1 : -44
55 : #9cafe2 : -42
57 : #9baee4 : -40
59 : #9aaee5 : -38
61 : #98ade6 : -36
63 : #97ade7 : -34
65 : #96ace9 : -32
67 : #95abea : -30
69 : #93abeb : -28
71 : #92aaed : -26
73 : #91aaee : -24
75 : #8fa9ef : -22
77 : #8ea8f0 : -20
79 : #8da8f2 : -18
81 : #8ca7f3 : -16
83 : #8aa7f4 : -14
85 : #89a6f5 : -12
87 : #88a5f7 : -10
89 : #87a5f8 : -8
91 : #85a4f9 : -6
93 : #84a4fb : -4
95 : #83a3fc : -2
97 : #81a2fd : ±0
99 : #80a2fe : +2
L : 明度 ( 75% )
(0%) 暗い ~ 明るい (100%)
1 : #000105 : -74
3 : #00040f : -72
5 : #000719 : -70
7 : #010a23 : -68
9 : #010d2d : -66
11 : #010f37 : -64
13 : #011241 : -62
15 : #01154b : -60
17 : #011855 : -58
19 : #011b5f : -56
21 : #021d69 : -54
23 : #022074 : -52
25 : #02237e : -50
27 : #022688 : -48
29 : #022892 : -46
31 : #022b9c : -44
33 : #032ea6 : -42
35 : #0331b0 : -40
37 : #0334ba : -38
39 : #0336c4 : -36
41 : #0339ce : -34
43 : #033cd8 : -32
45 : #033fe2 : -30
47 : #0442ec : -28
49 : #0444f6 : -26
51 : #0949fb : -24
53 : #1351fb : -22
55 : #1d58fc : -20
57 : #2760fc : -18
59 : #3167fc : -16
61 : #3b6ffc : -14
63 : #4576fc : -12
65 : #4f7dfc : -10
67 : #5985fc : -8
69 : #638cfd : -6
71 : #6d94fd : -4
73 : #779bfd : -2
75 : #81a2fd : ±0
77 : #8baafd : +2
79 : #96b1fd : +4
81 : #a0b9fe : +6
83 : #aac0fe : +8
85 : #b4c7fe : +10
87 : #becffe : +12
89 : #c8d6fe : +14
91 : #d2defe : +16
93 : #dce5fe : +18
95 : #e6ecff : +20
97 : #f0f4ff : +22
99 : #fafbff : +24
CSS入門、作ってます。
text-shadow