#5233ff
RGB
赤 | 82 |
---|---|
緑 | 51 |
青 | 255 |
HSL
色相 | 249° |
---|---|
彩度 | 100% |
明度 | 60% |
輝度 | 33% |
3桁の色
補色
反転色
RGB ( 赤 = 82, 緑 = 51, 青 = 255 )
HSL ( 色相 = 249°, 彩度 = 100%, 明度 = 60% )
H : 色相 ( 249° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #ff5233 : -240
19 : #ff7433 : -230
29 : #ff9633 : -220
39 : #ffb833 : -210
49 : #ffda33 : -200
59 : #fffc33 : -190
69 : #e0ff33 : -180
79 : #beff33 : -170
89 : #9cff33 : -160
99 : #7aff33 : -150
109 : #58ff33 : -140
119 : #36ff33 : -130
129 : #33ff52 : -120
139 : #33ff74 : -110
149 : #33ff96 : -100
159 : #33ffb8 : -90
169 : #33ffda : -80
179 : #33fffc : -70
189 : #33e0ff : -60
199 : #33beff : -50
209 : #339cff : -40
219 : #337aff : -30
229 : #3358ff : -20
239 : #3336ff : -10
249 : #5233ff : ±0
259 : #7433ff : +10
269 : #9633ff : +20
279 : #b833ff : +30
289 : #da33ff : +40
299 : #fc33ff : +50
309 : #ff33e0 : +60
319 : #ff33be : +70
329 : #ff339c : +80
339 : #ff337a : +90
349 : #ff3358 : +100
359 : #ff3336 : +110
239 : #3336ff : -10
240 : #3333ff : -9
241 : #3633ff : -8
242 : #3a33ff : -7
243 : #3d33ff : -6
244 : #4133ff : -5
245 : #4433ff : -4
246 : #4733ff : -3
247 : #4b33ff : -2
248 : #4e33ff : -1
249 : #5233ff : ±0
250 : #5533ff : +1
251 : #5833ff : +2
252 : #5c33ff : +3
253 : #5f33ff : +4
254 : #6333ff : +5
255 : #6633ff : +6
256 : #6933ff : +7
257 : #6d33ff : +8
258 : #7033ff : +9
259 : #7433ff : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #999999 : -100
2 : #98979b : -98
4 : #96959d : -96
6 : #95939f : -94
8 : #9391a1 : -92
10 : #928fa3 : -90
12 : #908da5 : -88
14 : #8f8ba7 : -86
16 : #8e89a9 : -84
18 : #8c87ab : -82
20 : #8b85ad : -80
22 : #8983af : -78
24 : #8881b1 : -76
26 : #867eb4 : -74
28 : #857cb6 : -72
30 : #847ab8 : -70
32 : #8278ba : -68
34 : #8176bc : -66
36 : #7f74be : -64
38 : #7e72c0 : -62
40 : #7c70c2 : -60
42 : #7b6ec4 : -58
44 : #7a6cc6 : -56
46 : #786ac8 : -54
48 : #7768ca : -52
50 : #7566cc : -50
52 : #7464ce : -48
54 : #7262d0 : -46
56 : #7160d2 : -44
58 : #705ed4 : -42
60 : #6e5cd6 : -40
62 : #6d5ad8 : -38
64 : #6b58da : -36
66 : #6a56dc : -34
68 : #6854de : -32
70 : #6752e0 : -30
72 : #6650e2 : -28
74 : #644ee4 : -26
76 : #634be7 : -24
78 : #6149e9 : -22
80 : #6047eb : -20
82 : #5e45ed : -18
84 : #5d43ef : -16
86 : #5c41f1 : -14
88 : #5a3ff3 : -12
90 : #593df5 : -10
92 : #573bf7 : -8
94 : #5639f9 : -6
96 : #5437fb : -4
98 : #5335fd : -2
100 : #5233ff : ±0
L : 明度 ( 60% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -60
2 : #02000a : -58
4 : #030014 : -56
6 : #05001f : -54
8 : #060029 : -52
10 : #080033 : -50
12 : #09003d : -48
14 : #0b0047 : -46
16 : #0c0052 : -44
18 : #0e005c : -42
20 : #0f0066 : -40
22 : #110070 : -38
24 : #12007a : -36
26 : #140085 : -34
28 : #15008f : -32
30 : #170099 : -30
32 : #1800a3 : -28
34 : #1a00ad : -26
36 : #1c00b8 : -24
38 : #1d00c2 : -22
40 : #1f00cc : -20
42 : #2000d6 : -18
44 : #2200e0 : -16
46 : #2300eb : -14
48 : #2500f5 : -12
50 : #2600ff : -10
52 : #2f0aff : -8
54 : #3814ff : -6
56 : #401fff : -4
58 : #4929ff : -2
60 : #5233ff : ±0
62 : #5a3dff : +2
64 : #6347ff : +4
66 : #6c52ff : +6
68 : #745cff : +8
70 : #7d66ff : +10
72 : #8670ff : +12
74 : #8e7aff : +14
76 : #9785ff : +16
78 : #a08fff : +18
80 : #a899ff : +20
82 : #b1a3ff : +22
84 : #baadff : +24
86 : #c2b8ff : +26
88 : #cbc2ff : +28
90 : #d4ccff : +30
92 : #dcd6ff : +32
94 : #e5e0ff : +34
96 : #eeebff : +36
98 : #f6f5ff : +38
100 : #ffffff : +40
CSS入門、作ってます。
text-shadow