#339eeb
RGB
赤 | 51 |
---|---|
緑 | 158 |
青 | 235 |
HSL
色相 | 205° |
---|---|
彩度 | 82% |
明度 | 56% |
輝度 | 53% |
3桁の色
補色
反転色
RGB ( 赤 = 51, 緑 = 158, 青 = 235 )
HSL ( 色相 = 205°, 彩度 = 82%, 明度 = 56% )
H : 色相 ( 205° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #eb4233 : -200
15 : #eb6133 : -190
25 : #eb7f33 : -180
35 : #eb9e33 : -170
45 : #ebbd33 : -160
55 : #ebdb33 : -150
65 : #dbeb33 : -140
75 : #bdeb33 : -130
85 : #9eeb33 : -120
95 : #7feb33 : -110
105 : #61eb33 : -100
115 : #42eb33 : -90
125 : #33eb42 : -80
135 : #33eb61 : -70
145 : #33eb7f : -60
155 : #33eb9e : -50
165 : #33ebbd : -40
175 : #33ebdb : -30
185 : #33dbeb : -20
195 : #33bdeb : -10
205 : #339eeb : ±0
215 : #337feb : +10
225 : #3361eb : +20
235 : #3342eb : +30
245 : #4233eb : +40
255 : #6133eb : +50
265 : #7f33eb : +60
275 : #9e33eb : +70
285 : #bd33eb : +80
295 : #db33eb : +90
305 : #eb33db : +100
315 : #eb33bd : +110
325 : #eb339e : +120
335 : #eb337f : +130
345 : #eb3361 : +140
355 : #eb3342 : +150
195 : #33bdeb : -10
196 : #33baeb : -9
197 : #33b7eb : -8
198 : #33b4eb : -7
199 : #33b1eb : -6
200 : #33adeb : -5
201 : #33aaeb : -4
202 : #33a7eb : -3
203 : #33a4eb : -2
204 : #33a1eb : -1
205 : #339eeb : ±0
206 : #339beb : +1
207 : #3398eb : +2
208 : #3395eb : +3
209 : #3392eb : +4
210 : #338feb : +5
211 : #338ceb : +6
212 : #3389eb : +7
213 : #3386eb : +8
214 : #3383eb : +9
215 : #337feb : +10
S : 彩度 ( 82% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8e8e8e : -82
2 : #8d8f91 : -80
4 : #8a9093 : -78
6 : #889096 : -76
8 : #869098 : -74
10 : #84919a : -72
12 : #81919c : -70
14 : #7f919f : -68
16 : #7d92a1 : -66
18 : #7b92a3 : -64
20 : #7893a5 : -62
22 : #7693a7 : -60
24 : #7493aa : -58
26 : #7294ac : -56
28 : #6f94ae : -54
30 : #6d94b0 : -52
32 : #6b95b3 : -50
34 : #6995b5 : -48
36 : #6696b7 : -46
38 : #6496b9 : -44
40 : #6296bc : -42
42 : #6097be : -40
44 : #5d97c0 : -38
46 : #5b97c2 : -36
48 : #5998c5 : -34
50 : #5798c7 : -32
52 : #5499c9 : -30
54 : #5299cb : -28
56 : #5099ce : -26
58 : #4e9ad0 : -24
60 : #4b9ad2 : -22
62 : #499ad4 : -20
64 : #479bd7 : -18
66 : #459bd9 : -16
68 : #439cdb : -14
70 : #409cdd : -12
72 : #3e9ce0 : -10
74 : #3c9de2 : -8
76 : #3a9de4 : -6
78 : #379de6 : -4
80 : #359ee9 : -2
82 : #339eeb : ±0
84 : #319fed : +2
86 : #2e9fef : +4
88 : #2c9ff2 : +6
90 : #2aa0f4 : +8
92 : #28a0f6 : +10
94 : #25a0f8 : +12
96 : #23a1fb : +14
98 : #21a1fd : +16
100 : #1fa2ff : +18
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #010609 : -54
4 : #020c13 : -52
6 : #03111c : -50
8 : #041725 : -48
10 : #051d2e : -46
12 : #062338 : -44
14 : #062941 : -42
16 : #072e4a : -40
18 : #083454 : -38
20 : #093a5d : -36
22 : #0a4066 : -34
24 : #0b466f : -32
26 : #0c4b79 : -30
28 : #0d5182 : -28
30 : #0e578b : -26
32 : #0f5d95 : -24
34 : #10639e : -22
36 : #1168a7 : -20
38 : #116eb0 : -18
40 : #1274ba : -16
42 : #137ac3 : -14
44 : #1480cc : -12
46 : #1585d5 : -10
48 : #168bdf : -8
50 : #1791e8 : -6
52 : #2095e9 : -4
54 : #2a9aea : -2
56 : #339eeb : ±0
58 : #3ca3ec : +2
60 : #45a7ed : +4
62 : #4fabee : +6
64 : #58b0ee : +8
66 : #61b4ef : +10
68 : #6ab9f0 : +12
70 : #74bdf1 : +14
72 : #7dc1f2 : +16
74 : #86c6f3 : +18
76 : #90caf4 : +20
78 : #99cff5 : +22
80 : #a2d3f6 : +24
82 : #abd7f7 : +26
84 : #b5dcf8 : +28
86 : #bee0f9 : +30
88 : #c7e5f9 : +32
90 : #d1e9fa : +34
92 : #daedfb : +36
94 : #e3f2fc : +38
96 : #ecf6fd : +40
98 : #f6fbfe : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow