#3f430e
RGB ( 赤 = 63, 緑 = 67, 青 = 14 )
HSL ( 色相 = 65°, 彩度 = 65%, 明度 = 16% )
H : 色相 ( 65° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #43130e : -60
15 : #431c0e : -50
25 : #43240e : -40
35 : #432d0e : -30
45 : #43360e : -20
55 : #433f0e : -10
65 : #3f430e : ±0
75 : #36430e : +10
85 : #2d430e : +20
95 : #24430e : +30
105 : #1c430e : +40
115 : #13430e : +50
125 : #0e4313 : +60
135 : #0e431c : +70
145 : #0e4324 : +80
155 : #0e432d : +90
165 : #0e4336 : +100
175 : #0e433f : +110
185 : #0e3f43 : +120
195 : #0e3643 : +130
205 : #0e2d43 : +140
215 : #0e2443 : +150
225 : #0e1c43 : +160
235 : #0e1343 : +170
245 : #130e43 : +180
255 : #1c0e43 : +190
265 : #240e43 : +200
275 : #2d0e43 : +210
285 : #360e43 : +220
295 : #3f0e43 : +230
305 : #430e3f : +240
315 : #430e36 : +250
325 : #430e2d : +260
335 : #430e24 : +270
345 : #430e1c : +280
355 : #430e13 : +290
55 : #433f0e : -10
56 : #43400e : -9
57 : #43410e : -8
58 : #43420e : -7
59 : #43420e : -6
60 : #43430e : -5
61 : #42430e : -4
62 : #42430e : -3
63 : #41430e : -2
64 : #40430e : -1
65 : #3f430e : ±0
66 : #3e430e : +1
67 : #3d430e : +2
68 : #3c430e : +3
69 : #3b430e : +4
70 : #3a430e : +5
71 : #3a430e : +6
72 : #39430e : +7
73 : #38430e : +8
74 : #37430e : +9
75 : #36430e : +10
S : 彩度 ( 65% )
(0%) 渋い ~ 鮮やか (100%)
1 : #292928 : -64
3 : #2a2a28 : -62
5 : #2b2b27 : -60
7 : #2b2c26 : -58
9 : #2c2c25 : -56
11 : #2d2d24 : -54
13 : #2d2e23 : -52
15 : #2e2f23 : -50
17 : #2f3022 : -48
19 : #2f3121 : -46
21 : #303120 : -44
23 : #31321f : -42
25 : #31331f : -40
27 : #32341e : -38
29 : #33351d : -36
31 : #33351c : -34
33 : #34361b : -32
35 : #35371b : -30
37 : #35381a : -28
39 : #363919 : -26
41 : #373a18 : -24
43 : #373a17 : -22
45 : #383b16 : -20
47 : #393c16 : -18
49 : #393d15 : -16
51 : #3a3e14 : -14
53 : #3b3e13 : -12
55 : #3c3f12 : -10
57 : #3c4012 : -8
59 : #3d4111 : -6
61 : #3e4210 : -4
63 : #3e430f : -2
65 : #3f430e : ±0
67 : #40440d : +2
69 : #40450d : +4
71 : #41460c : +6
73 : #42470b : +8
75 : #42470a : +10
77 : #434809 : +12
79 : #444909 : +14
81 : #444a08 : +16
83 : #454b07 : +18
85 : #464b06 : +20
87 : #464c05 : +22
89 : #474d04 : +24
91 : #484e04 : +26
93 : #484f03 : +28
95 : #495002 : +30
97 : #4a5001 : +32
99 : #4a5100 : +34
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #080802 : -14
4 : #101104 : -12
6 : #181905 : -10
8 : #1f2207 : -8
10 : #272a09 : -6
12 : #2f320b : -4
14 : #373b0c : -2
16 : #3f430e : ±0
18 : #474c10 : +2
20 : #4f5412 : +4
22 : #565d14 : +6
24 : #5e6515 : +8
26 : #666d17 : +10
28 : #6e7619 : +12
30 : #767e1b : +14
32 : #7e871d : +16
34 : #868f1e : +18
36 : #8e9720 : +20
38 : #95a022 : +22
40 : #9da824 : +24
42 : #a5b125 : +26
44 : #adb927 : +28
46 : #b5c229 : +30
48 : #bdca2b : +32
50 : #c5d22d : +34
52 : #c7d435 : +36
54 : #c9d63d : +38
56 : #ccd846 : +40
58 : #ceda4e : +42
60 : #d0db57 : +44
62 : #d3dd5f : +46
64 : #d5df68 : +48
66 : #d7e170 : +50
68 : #dae278 : +52
70 : #dce481 : +54
72 : #dee689 : +56
74 : #e1e892 : +58
76 : #e3ea9a : +60
78 : #e5eba2 : +62
80 : #e8edab : +64
82 : #eaefb3 : +66
84 : #ecf1bc : +68
86 : #eff3c4 : +70
88 : #f1f4cd : +72
90 : #f3f6d5 : +74
92 : #f6f8dd : +76
94 : #f8fae6 : +78
96 : #fafbee : +80
98 : #fdfdf7 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow