#380452
RGB ( 赤 = 56, 緑 = 4, 青 = 82 )
HSL ( 色相 = 280°, 彩度 = 91%, 明度 = 17% )
H : 色相 ( 280° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #530404 : -280
10 : #531104 : -270
20 : #531e04 : -260
30 : #532b04 : -250
40 : #533804 : -240
50 : #534604 : -230
60 : #535304 : -220
70 : #465304 : -210
80 : #385304 : -200
90 : #2b5304 : -190
100 : #1e5304 : -180
110 : #115304 : -170
120 : #045304 : -160
130 : #045311 : -150
140 : #04531e : -140
150 : #04532b : -130
160 : #045338 : -120
170 : #045346 : -110
180 : #045353 : -100
190 : #044653 : -90
200 : #043853 : -80
210 : #042b53 : -70
220 : #041e53 : -60
230 : #041153 : -50
240 : #040453 : -40
250 : #110453 : -30
260 : #1e0453 : -20
270 : #2b0453 : -10
280 : #380453 : ±0
290 : #460453 : +10
300 : #530453 : +20
310 : #530446 : +30
320 : #530438 : +40
330 : #53042b : +50
340 : #53041e : +60
350 : #530411 : +70
270 : #2b0453 : -10
271 : #2d0453 : -9
272 : #2e0453 : -8
273 : #2f0453 : -7
274 : #310453 : -6
275 : #320453 : -5
276 : #330453 : -4
277 : #350453 : -3
278 : #360453 : -2
279 : #370453 : -1
280 : #380453 : ±0
281 : #3a0453 : +1
282 : #3b0453 : +2
283 : #3c0453 : +3
284 : #3e0453 : +4
285 : #3f0453 : +5
286 : #400453 : +6
287 : #420453 : +7
288 : #430453 : +8
289 : #440453 : +9
290 : #460453 : +10
S : 彩度 ( 91% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2b2b2c : -90
3 : #2c2a2d : -88
5 : #2c292e : -86
7 : #2c282e : -84
9 : #2d272f : -82
11 : #2d2730 : -80
13 : #2d2631 : -78
15 : #2e2532 : -76
17 : #2e2433 : -74
19 : #2e2334 : -72
21 : #2e2234 : -70
23 : #2f2135 : -68
25 : #2f2136 : -66
27 : #2f2037 : -64
29 : #301f38 : -62
31 : #301e39 : -60
33 : #301d3a : -58
35 : #301c3b : -56
37 : #311b3b : -54
39 : #311a3c : -52
41 : #311a3d : -50
43 : #32193e : -48
45 : #32183f : -46
47 : #321740 : -44
49 : #321641 : -42
51 : #331541 : -40
53 : #331442 : -38
55 : #331443 : -36
57 : #341344 : -34
59 : #341245 : -32
61 : #341146 : -30
63 : #341047 : -28
65 : #350f48 : -26
67 : #350e48 : -24
69 : #350d49 : -22
71 : #360d4a : -20
73 : #360c4b : -18
75 : #360b4c : -16
77 : #360a4d : -14
79 : #37094e : -12
81 : #37084e : -10
83 : #37074f : -8
85 : #380750 : -6
87 : #380651 : -4
89 : #380552 : -2
91 : #380453 : ±0
93 : #390354 : +2
95 : #390255 : +4
97 : #390155 : +6
99 : #3a0056 : +8
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #030005 : -16
3 : #0a010f : -14
5 : #110118 : -12
7 : #170222 : -10
9 : #1e022c : -8
11 : #250336 : -6
13 : #2b033f : -4
15 : #320349 : -2
17 : #380453 : ±0
19 : #3f045d : +2
21 : #460566 : +4
23 : #4c0570 : +6
25 : #53067a : +8
27 : #5a0684 : +10
29 : #60078d : +12
31 : #670797 : +14
33 : #6e08a1 : +16
35 : #7408aa : +18
37 : #7b08b4 : +20
39 : #8209be : +22
41 : #8809c8 : +24
43 : #8f0ad1 : +26
45 : #960adb : +28
47 : #9c0be5 : +30
49 : #a30bef : +32
51 : #a810f4 : +34
53 : #ac1af4 : +36
55 : #af24f5 : +38
57 : #b32ef5 : +40
59 : #b637f6 : +42
61 : #ba41f6 : +44
63 : #bd4bf7 : +46
65 : #c155f7 : +48
67 : #c45ef7 : +50
69 : #c868f8 : +52
71 : #cb72f8 : +54
73 : #cf7bf9 : +56
75 : #d385f9 : +58
77 : #d68ffa : +60
79 : #da99fa : +62
81 : #dda2fb : +64
83 : #e1acfb : +66
85 : #e4b6fc : +68
87 : #e8c0fc : +70
89 : #ebc9fc : +72
91 : #efd3fd : +74
93 : #f3ddfd : +76
95 : #f6e7fe : +78
97 : #faf0fe : +80
99 : #fdfaff : +82
CSS入門、作ってます。
text-shadow