#357bfd
RGB
赤 | 53 |
---|---|
緑 | 123 |
青 | 253 |
HSL
色相 | 219° |
---|---|
彩度 | 98% |
明度 | 60% |
輝度 | 46% |
3桁の色
補色
反転色
RGB ( 赤 = 53, 緑 = 123, 青 = 253 )
HSL ( 色相 = 219°, 彩度 = 98%, 明度 = 60% )
H : 色相 ( 219° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #fd5335 : -210
19 : #fd7435 : -200
29 : #fd9635 : -190
39 : #fdb735 : -180
49 : #fdd835 : -170
59 : #fdfa35 : -160
69 : #dffd35 : -150
79 : #befd35 : -140
89 : #9cfd35 : -130
99 : #7bfd35 : -120
109 : #5afd35 : -110
119 : #38fd35 : -100
129 : #35fd53 : -90
139 : #35fd74 : -80
149 : #35fd96 : -70
159 : #35fdb7 : -60
169 : #35fdd8 : -50
179 : #35fdfa : -40
189 : #35dffd : -30
199 : #35befd : -20
209 : #359cfd : -10
219 : #357bfd : ±0
229 : #355afd : +10
239 : #3538fd : +20
249 : #5335fd : +30
259 : #7435fd : +40
269 : #9635fd : +50
279 : #b735fd : +60
289 : #d835fd : +70
299 : #fa35fd : +80
309 : #fd35df : +90
319 : #fd35be : +100
329 : #fd359c : +110
339 : #fd357b : +120
349 : #fd355a : +130
359 : #fd3538 : +140
209 : #359cfd : -10
210 : #3599fd : -9
211 : #3596fd : -8
212 : #3592fd : -7
213 : #358ffd : -6
214 : #358cfd : -5
215 : #3588fd : -4
216 : #3585fd : -3
217 : #3582fd : -2
218 : #357efd : -1
219 : #357bfd : ±0
220 : #3578fd : +1
221 : #3574fd : +2
222 : #3571fd : +3
223 : #356efd : +4
224 : #356afd : +5
225 : #3567fd : +6
226 : #3564fd : +7
227 : #3560fd : +8
228 : #355dfd : +9
229 : #355afd : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #999999 : -98
2 : #97989b : -96
4 : #95989d : -94
6 : #93979f : -92
8 : #9197a1 : -90
10 : #8f96a3 : -88
12 : #8d95a5 : -86
14 : #8b95a7 : -84
16 : #8994a9 : -82
18 : #8793ab : -80
20 : #8593ad : -78
22 : #8392af : -76
24 : #8192b1 : -74
26 : #7e91b4 : -72
28 : #7c90b6 : -70
30 : #7a90b8 : -68
32 : #788fba : -66
34 : #768fbc : -64
36 : #748ebe : -62
38 : #728dc0 : -60
40 : #708dc2 : -58
42 : #6e8cc4 : -56
44 : #6c8cc6 : -54
46 : #6a8bc8 : -52
48 : #688aca : -50
50 : #668acc : -48
52 : #6489ce : -46
54 : #6288d0 : -44
56 : #6088d2 : -42
58 : #5e87d4 : -40
60 : #5c87d6 : -38
62 : #5a86d8 : -36
64 : #5885da : -34
66 : #5685dc : -32
68 : #5484de : -30
70 : #5284e0 : -28
72 : #5083e2 : -26
74 : #4e82e4 : -24
76 : #4b82e7 : -22
78 : #4981e9 : -20
80 : #4781eb : -18
82 : #4580ed : -16
84 : #437fef : -14
86 : #417ff1 : -12
88 : #3f7ef3 : -10
90 : #3d7df5 : -8
92 : #3b7df7 : -6
94 : #397cf9 : -4
96 : #377cfb : -2
98 : #357bfd : ±0
100 : #337aff : +2
L : 明度 ( 60% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -60
2 : #00040a : -58
4 : #000714 : -56
6 : #000b1e : -54
8 : #000e28 : -52
10 : #011232 : -50
12 : #01163d : -48
14 : #011947 : -46
16 : #011d51 : -44
18 : #01205b : -42
20 : #012465 : -40
22 : #01286f : -38
24 : #012b79 : -36
26 : #012f83 : -34
28 : #01328d : -32
30 : #023697 : -30
32 : #023aa2 : -28
34 : #023dac : -26
36 : #0241b6 : -24
38 : #0244c0 : -22
40 : #0248ca : -20
42 : #024cd4 : -18
44 : #024fde : -16
46 : #0253e8 : -14
48 : #0256f2 : -12
50 : #035afc : -10
52 : #0d61fd : -8
54 : #1767fd : -6
56 : #216efd : -4
58 : #2b74fd : -2
60 : #357bfd : ±0
62 : #3f82fd : +2
64 : #4988fd : +4
66 : #538ffd : +6
68 : #5d95fd : +8
70 : #689cfd : +10
72 : #72a3fe : +12
74 : #7ca9fe : +14
76 : #86b0fe : +16
78 : #90b6fe : +18
80 : #9abdfe : +20
82 : #a4c4fe : +22
84 : #aecafe : +24
86 : #b8d1fe : +26
88 : #c2d7fe : +28
90 : #cddefe : +30
92 : #d7e5ff : +32
94 : #e1ebff : +34
96 : #ebf2ff : +36
98 : #f5f8ff : +38
100 : #ffffff : +40
CSS入門、作ってます。
text-shadow