#337feb
RGB
赤 | 51 |
---|---|
緑 | 127 |
青 | 235 |
HSL
色相 | 215° |
---|---|
彩度 | 82% |
明度 | 56% |
輝度 | 46% |
3桁の色
補色
反転色
RGB ( 赤 = 51, 緑 = 127, 青 = 235 )
HSL ( 色相 = 215°, 彩度 = 82%, 明度 = 56% )
H : 色相 ( 215° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #eb4233 : -210
15 : #eb6133 : -200
25 : #eb7f33 : -190
35 : #eb9e33 : -180
45 : #ebbd33 : -170
55 : #ebdb33 : -160
65 : #dbeb33 : -150
75 : #bdeb33 : -140
85 : #9eeb33 : -130
95 : #7feb33 : -120
105 : #61eb33 : -110
115 : #42eb33 : -100
125 : #33eb42 : -90
135 : #33eb61 : -80
145 : #33eb7f : -70
155 : #33eb9e : -60
165 : #33ebbd : -50
175 : #33ebdb : -40
185 : #33dbeb : -30
195 : #33bdeb : -20
205 : #339eeb : -10
215 : #337feb : ±0
225 : #3361eb : +10
235 : #3342eb : +20
245 : #4233eb : +30
255 : #6133eb : +40
265 : #7f33eb : +50
275 : #9e33eb : +60
285 : #bd33eb : +70
295 : #db33eb : +80
305 : #eb33db : +90
315 : #eb33bd : +100
325 : #eb339e : +110
335 : #eb337f : +120
345 : #eb3361 : +130
355 : #eb3342 : +140
205 : #339eeb : -10
206 : #339beb : -9
207 : #3398eb : -8
208 : #3395eb : -7
209 : #3392eb : -6
210 : #338feb : -5
211 : #338ceb : -4
212 : #3389eb : -3
213 : #3386eb : -2
214 : #3383eb : -1
215 : #337feb : ±0
216 : #337ceb : +1
217 : #3379eb : +2
218 : #3376eb : +3
219 : #3373eb : +4
220 : #3370eb : +5
221 : #336deb : +6
222 : #336aeb : +7
223 : #3367eb : +8
224 : #3364eb : +9
225 : #3361eb : +10
S : 彩度 ( 82% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8e8e8e : -82
2 : #8d8e91 : -80
4 : #8a8e93 : -78
6 : #888e96 : -76
8 : #868d98 : -74
10 : #848d9a : -72
12 : #818d9c : -70
14 : #7f8c9f : -68
16 : #7d8ca1 : -66
18 : #7b8ba3 : -64
20 : #788ba5 : -62
22 : #768ba7 : -60
24 : #748aaa : -58
26 : #728aac : -56
28 : #6f8aae : -54
30 : #6d89b0 : -52
32 : #6b89b3 : -50
34 : #6988b5 : -48
36 : #6688b7 : -46
38 : #6488b9 : -44
40 : #6287bc : -42
42 : #6087be : -40
44 : #5d87c0 : -38
46 : #5b86c2 : -36
48 : #5986c5 : -34
50 : #5785c7 : -32
52 : #5485c9 : -30
54 : #5285cb : -28
56 : #5084ce : -26
58 : #4e84d0 : -24
60 : #4b84d2 : -22
62 : #4983d4 : -20
64 : #4783d7 : -18
66 : #4582d9 : -16
68 : #4382db : -14
70 : #4082dd : -12
72 : #3e81e0 : -10
74 : #3c81e2 : -8
76 : #3a81e4 : -6
78 : #3780e6 : -4
80 : #3580e9 : -2
82 : #337feb : ±0
84 : #317fed : +2
86 : #2e7fef : +4
88 : #2c7ef2 : +6
90 : #2a7ef4 : +8
92 : #287ef6 : +10
94 : #257df8 : +12
96 : #237dfb : +14
98 : #217cfd : +16
100 : #1f7cff : +18
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #010409 : -54
4 : #020913 : -52
6 : #030d1c : -50
8 : #041225 : -48
10 : #05162e : -46
12 : #061a38 : -44
14 : #061f41 : -42
16 : #07234a : -40
18 : #082854 : -38
20 : #092c5d : -36
22 : #0a3066 : -34
24 : #0b356f : -32
26 : #0c3979 : -30
28 : #0d3e82 : -28
30 : #0e428b : -26
32 : #0f4695 : -24
34 : #104b9e : -22
36 : #114fa7 : -20
38 : #1154b0 : -18
40 : #1258ba : -16
42 : #135cc3 : -14
44 : #1461cc : -12
46 : #1565d5 : -10
48 : #166adf : -8
50 : #176ee8 : -6
52 : #2074e9 : -4
54 : #2a7aea : -2
56 : #337feb : ±0
58 : #3c85ec : +2
60 : #458bed : +4
62 : #4f91ee : +6
64 : #5897ee : +8
66 : #619cef : +10
68 : #6aa2f0 : +12
70 : #74a8f1 : +14
72 : #7daef2 : +16
74 : #86b4f3 : +18
76 : #90b9f4 : +20
78 : #99bff5 : +22
80 : #a2c5f6 : +24
82 : #abcbf7 : +26
84 : #b5d1f8 : +28
86 : #bed6f9 : +30
88 : #c7dcf9 : +32
90 : #d1e2fa : +34
92 : #dae8fb : +36
94 : #e3eefc : +38
96 : #ecf3fd : +40
98 : #f6f9fe : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow