#5c2338
RGB ( 赤 = 92, 緑 = 35, 青 = 56 )
HSL ( 色相 = 338°, 彩度 = 45%, 明度 = 25% )
H : 色相 ( 338° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #5c2b23 : -330
18 : #5c3423 : -320
28 : #5c3e23 : -310
38 : #5c4723 : -300
48 : #5c5123 : -290
58 : #5c5b23 : -280
68 : #555c23 : -270
78 : #4b5c23 : -260
88 : #425c23 : -250
98 : #385c23 : -240
108 : #2f5c23 : -230
118 : #255c23 : -220
128 : #235c2b : -210
138 : #235c34 : -200
148 : #235c3e : -190
158 : #235c47 : -180
168 : #235c51 : -170
178 : #235c5b : -160
188 : #23555c : -150
198 : #234b5c : -140
208 : #23425c : -130
218 : #23385c : -120
228 : #232f5c : -110
238 : #23255c : -100
248 : #2b235c : -90
258 : #34235c : -80
268 : #3e235c : -70
278 : #47235c : -60
288 : #51235c : -50
298 : #5b235c : -40
308 : #5c2355 : -30
318 : #5c234b : -20
328 : #5c2342 : -10
338 : #5c2338 : ±0
348 : #5c232f : +10
358 : #5c2325 : +20
328 : #5c2342 : -10
329 : #5c2341 : -9
330 : #5c2340 : -8
331 : #5c233f : -7
332 : #5c233e : -6
333 : #5c233d : -5
334 : #5c233c : -4
335 : #5c233b : -3
336 : #5c233a : -2
337 : #5c2339 : -1
338 : #5c2338 : ±0
339 : #5c2337 : +1
340 : #5c2336 : +2
341 : #5c2335 : +3
342 : #5c2334 : +4
343 : #5c2333 : +5
344 : #5c2332 : +6
345 : #5c2331 : +7
346 : #5c2330 : +8
347 : #5c232f : +9
348 : #5c232f : +10
S : 彩度 ( 45% )
(0%) 渋い ~ 鮮やか (100%)
1 : #403f40 : -44
3 : #423e3f : -42
5 : #433d3f : -40
7 : #443b3f : -38
9 : #453a3e : -36
11 : #47393e : -34
13 : #48373e : -32
15 : #49363d : -30
17 : #4b353d : -28
19 : #4c343d : -26
21 : #4d323c : -24
23 : #4e313c : -22
25 : #50303c : -20
27 : #512f3b : -18
29 : #522d3b : -16
31 : #542c3a : -14
33 : #552b3a : -12
35 : #56293a : -10
37 : #572839 : -8
39 : #592739 : -6
41 : #5a2639 : -4
43 : #5b2438 : -2
45 : #5c2338 : ±0
47 : #5e2238 : +2
49 : #5f2137 : +4
51 : #601f37 : +6
53 : #621e37 : +8
55 : #631d36 : +10
57 : #641b36 : +12
59 : #651a36 : +14
61 : #671935 : +16
63 : #681835 : +18
65 : #691635 : +20
67 : #6a1534 : +22
69 : #6c1434 : +24
71 : #6d1234 : +26
73 : #6e1133 : +28
75 : #701033 : +30
77 : #710f33 : +32
79 : #720d32 : +34
81 : #730c32 : +36
83 : #750b32 : +38
85 : #760a31 : +40
87 : #770831 : +42
89 : #780731 : +44
91 : #7a0630 : +46
93 : #7b0430 : +48
95 : #7c0330 : +50
97 : #7e022f : +52
99 : #7f012f : +54
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #040102 : -24
3 : #0b0407 : -22
5 : #12070b : -20
7 : #1a0a10 : -18
9 : #210d14 : -16
11 : #290f19 : -14
13 : #30121d : -12
15 : #371522 : -10
17 : #3f1826 : -8
19 : #461b2b : -6
21 : #4e1d2f : -4
23 : #552034 : -2
25 : #5c2338 : ±0
27 : #64263d : +2
29 : #6b2941 : +4
31 : #732b46 : +6
33 : #7a2e4a : +8
35 : #81314f : +10
37 : #893453 : +12
39 : #903758 : +14
41 : #983a5c : +16
43 : #9f3c60 : +18
45 : #a63f65 : +20
47 : #ae4269 : +22
49 : #b5456e : +24
51 : #ba4a73 : +26
53 : #bd5179 : +28
55 : #c0597e : +30
57 : #c36084 : +32
59 : #c5678a : +34
61 : #c86f90 : +36
63 : #cb7695 : +38
65 : #ce7e9b : +40
67 : #d185a1 : +42
69 : #d48ca6 : +44
71 : #d694ac : +46
73 : #d99bb2 : +48
75 : #dca3b8 : +50
77 : #dfaabd : +52
79 : #e2b1c3 : +54
81 : #e4b9c9 : +56
83 : #e7c0ce : +58
85 : #eac8d4 : +60
87 : #edcfda : +62
89 : #f0d6e0 : +64
91 : #f2dee5 : +66
93 : #f5e5eb : +68
95 : #f8edf1 : +70
97 : #fbf4f6 : +72
99 : #fefbfc : +74
CSS入門、作ってます。
text-shadow