#3564fd
RGB
赤 | 53 |
---|---|
緑 | 100 |
青 | 253 |
HSL
色相 | 226° |
---|---|
彩度 | 98% |
明度 | 60% |
輝度 | 41% |
3桁の色
補色
反転色
RGB ( 赤 = 53, 緑 = 100, 青 = 253 )
HSL ( 色相 = 226°, 彩度 = 98%, 明度 = 60% )
H : 色相 ( 226° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #fd4935 : -220
16 : #fd6a35 : -210
26 : #fd8c35 : -200
36 : #fdad35 : -190
46 : #fdce35 : -180
56 : #fdf035 : -170
66 : #e9fd35 : -160
76 : #c8fd35 : -150
86 : #a6fd35 : -140
96 : #85fd35 : -130
106 : #64fd35 : -120
116 : #42fd35 : -110
126 : #35fd49 : -100
136 : #35fd6a : -90
146 : #35fd8c : -80
156 : #35fdad : -70
166 : #35fdce : -60
176 : #35fdf0 : -50
186 : #35e9fd : -40
196 : #35c8fd : -30
206 : #35a6fd : -20
216 : #3585fd : -10
226 : #3564fd : ±0
236 : #3542fd : +10
246 : #4935fd : +20
256 : #6a35fd : +30
266 : #8c35fd : +40
276 : #ad35fd : +50
286 : #ce35fd : +60
296 : #f035fd : +70
306 : #fd35e9 : +80
316 : #fd35c8 : +90
326 : #fd35a6 : +100
336 : #fd3585 : +110
346 : #fd3564 : +120
356 : #fd3542 : +130
216 : #3585fd : -10
217 : #3582fd : -9
218 : #357efd : -8
219 : #357bfd : -7
220 : #3578fd : -6
221 : #3574fd : -5
222 : #3571fd : -4
223 : #356efd : -3
224 : #356afd : -2
225 : #3567fd : -1
226 : #3564fd : ±0
227 : #3560fd : +1
228 : #355dfd : +2
229 : #355afd : +3
230 : #3556fd : +4
231 : #3553fd : +5
232 : #3550fd : +6
233 : #354cfd : +7
234 : #3549fd : +8
235 : #3546fd : +9
236 : #3542fd : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #999999 : -98
2 : #97989b : -96
4 : #95979d : -94
6 : #93969f : -92
8 : #9195a1 : -90
10 : #8f94a3 : -88
12 : #8d92a5 : -86
14 : #8b91a7 : -84
16 : #8990a9 : -82
18 : #878fab : -80
20 : #858ead : -78
22 : #838daf : -76
24 : #818cb1 : -74
26 : #7e8bb4 : -72
28 : #7c8ab6 : -70
30 : #7a89b8 : -68
32 : #7888ba : -66
34 : #7687bc : -64
36 : #7485be : -62
38 : #7284c0 : -60
40 : #7083c2 : -58
42 : #6e82c4 : -56
44 : #6c81c6 : -54
46 : #6a80c8 : -52
48 : #687fca : -50
50 : #667ecc : -48
52 : #647dce : -46
54 : #627cd0 : -44
56 : #607bd2 : -42
58 : #5e79d4 : -40
60 : #5c78d6 : -38
62 : #5a77d8 : -36
64 : #5876da : -34
66 : #5675dc : -32
68 : #5474de : -30
70 : #5273e0 : -28
72 : #5072e2 : -26
74 : #4e71e4 : -24
76 : #4b70e7 : -22
78 : #496fe9 : -20
80 : #476deb : -18
82 : #456ced : -16
84 : #436bef : -14
86 : #416af1 : -12
88 : #3f69f3 : -10
90 : #3d68f5 : -8
92 : #3b67f7 : -6
94 : #3966f9 : -4
96 : #3765fb : -2
98 : #3564fd : ±0
100 : #3363ff : +2
L : 明度 ( 60% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -60
2 : #00020a : -58
4 : #000514 : -56
6 : #00071e : -54
8 : #000a28 : -52
10 : #010c32 : -50
12 : #010f3d : -48
14 : #011147 : -46
16 : #011351 : -44
18 : #01165b : -42
20 : #011865 : -40
22 : #011b6f : -38
24 : #011d79 : -36
26 : #012083 : -34
28 : #01228d : -32
30 : #022597 : -30
32 : #0227a2 : -28
34 : #0229ac : -26
36 : #022cb6 : -24
38 : #022ec0 : -22
40 : #0231ca : -20
42 : #0233d4 : -18
44 : #0236de : -16
46 : #0238e8 : -14
48 : #023af2 : -12
50 : #033dfc : -10
52 : #0d45fd : -8
54 : #174cfd : -6
56 : #2154fd : -4
58 : #2b5cfd : -2
60 : #3564fd : ±0
62 : #3f6bfd : +2
64 : #4973fd : +4
66 : #537bfd : +6
68 : #5d83fd : +8
70 : #688bfd : +10
72 : #7292fe : +12
74 : #7c9afe : +14
76 : #86a2fe : +16
78 : #90aafe : +18
80 : #9ab1fe : +20
82 : #a4b9fe : +22
84 : #aec1fe : +24
86 : #b8c9fe : +26
88 : #c2d0fe : +28
90 : #cdd8fe : +30
92 : #d7e0ff : +32
94 : #e1e8ff : +34
96 : #ebefff : +36
98 : #f5f7ff : +38
100 : #ffffff : +40
CSS入門、作ってます。
text-shadow