#6c350e
RGB ( 赤 = 108, 緑 = 53, 青 = 14 )
HSL ( 色相 = 25°, 彩度 = 77%, 明度 = 24% )
H : 色相 ( 25° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #6c160e : -20
15 : #6c260e : -10
25 : #6c350e : ±0
35 : #6c450e : +10
45 : #6c550e : +20
55 : #6c640e : +30
65 : #646c0e : +40
75 : #556c0e : +50
85 : #456c0e : +60
95 : #356c0e : +70
105 : #266c0e : +80
115 : #166c0e : +90
125 : #0e6c16 : +100
135 : #0e6c26 : +110
145 : #0e6c35 : +120
155 : #0e6c45 : +130
165 : #0e6c55 : +140
175 : #0e6c64 : +150
185 : #0e646c : +160
195 : #0e556c : +170
205 : #0e456c : +180
215 : #0e356c : +190
225 : #0e266c : +200
235 : #0e166c : +210
245 : #160e6c : +220
255 : #260e6c : +230
265 : #350e6c : +240
275 : #450e6c : +250
285 : #550e6c : +260
295 : #640e6c : +270
305 : #6c0e64 : +280
315 : #6c0e55 : +290
325 : #6c0e45 : +300
335 : #6c0e35 : +310
345 : #6c0e26 : +320
355 : #6c0e16 : +330
15 : #6c260e : -10
16 : #6c270e : -9
17 : #6c290e : -8
18 : #6c2a0e : -7
19 : #6c2c0e : -6
20 : #6c2d0e : -5
21 : #6c2f0e : -4
22 : #6c310e : -3
23 : #6c320e : -2
24 : #6c340e : -1
25 : #6c350e : ±0
26 : #6c370e : +1
27 : #6c380e : +2
28 : #6c3a0e : +3
29 : #6c3c0e : +4
30 : #6c3d0e : +5
31 : #6c3f0e : +6
32 : #6c400e : +7
33 : #6c420e : +8
34 : #6c430e : +9
35 : #6c450e : +10
S : 彩度 ( 77% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3e3d3d : -76
3 : #3f3d3b : -74
5 : #403d3a : -72
7 : #413c39 : -70
9 : #433c38 : -68
11 : #443c36 : -66
13 : #453c35 : -64
15 : #463c34 : -62
17 : #483b33 : -60
19 : #493b32 : -58
21 : #4a3b30 : -56
23 : #4b3b2f : -54
25 : #4d3b2e : -52
27 : #4e3a2d : -50
29 : #4f3a2b : -48
31 : #503a2a : -46
33 : #513a29 : -44
35 : #533a28 : -42
37 : #543927 : -40
39 : #553925 : -38
41 : #563924 : -36
43 : #583923 : -34
45 : #593922 : -32
47 : #5a3820 : -30
49 : #5b381f : -28
51 : #5c381e : -26
53 : #5e381d : -24
55 : #5f381c : -22
57 : #60371a : -20
59 : #613719 : -18
61 : #633718 : -16
63 : #643717 : -14
65 : #653715 : -12
67 : #663614 : -10
69 : #673613 : -8
71 : #693612 : -6
73 : #6a3611 : -4
75 : #6b360f : -2
77 : #6c350e : ±0
79 : #6e350d : +2
81 : #6f350c : +4
83 : #70350a : +6
85 : #713509 : +8
87 : #723408 : +10
89 : #743407 : +12
91 : #753406 : +14
93 : #763404 : +16
95 : #773403 : +18
97 : #793302 : +20
99 : #7a3301 : +22
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #090401 : -22
4 : #120902 : -20
6 : #1b0d04 : -18
8 : #241205 : -16
10 : #2d1606 : -14
12 : #361b07 : -12
14 : #3f1f08 : -10
16 : #482409 : -8
18 : #51280b : -6
20 : #5a2c0c : -4
22 : #63310d : -2
24 : #6c350e : ±0
26 : #753a0f : +2
28 : #7e3e10 : +4
30 : #874312 : +6
32 : #904713 : +8
34 : #994c14 : +10
36 : #a25015 : +12
38 : #ac5416 : +14
40 : #b55917 : +16
42 : #be5d19 : +18
44 : #c7621a : +20
46 : #d0661b : +22
48 : #d96b1c : +24
50 : #e26f1d : +26
52 : #e37526 : +28
54 : #e47b2f : +30
56 : #e58038 : +32
58 : #e68641 : +34
60 : #e88c4a : +36
62 : #e99253 : +38
64 : #ea975d : +40
66 : #eb9d66 : +42
68 : #eca36f : +44
70 : #eda978 : +46
72 : #efae81 : +48
74 : #f0b48a : +50
76 : #f1ba93 : +52
78 : #f2c09c : +54
80 : #f3c5a5 : +56
82 : #f4cbae : +58
84 : #f6d1b7 : +60
86 : #f7d7c0 : +62
88 : #f8dcc9 : +64
90 : #f9e2d2 : +66
92 : #fae8db : +68
94 : #fbeee4 : +70
96 : #fdf3ed : +72
98 : #fef9f6 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow