#700a3d
RGB ( 赤 = 112, 緑 = 10, 青 = 61 )
HSL ( 色相 = 330°, 彩度 = 84%, 明度 = 24% )
H : 色相 ( 330° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #710a0a : -330
10 : #711b0a : -320
20 : #712c0a : -310
30 : #713d0a : -300
40 : #714e0a : -290
50 : #715f0a : -280
60 : #71710a : -270
70 : #5f710a : -260
80 : #4e710a : -250
90 : #3d710a : -240
100 : #2c710a : -230
110 : #1b710a : -220
120 : #0a710a : -210
130 : #0a711b : -200
140 : #0a712c : -190
150 : #0a713d : -180
160 : #0a714e : -170
170 : #0a715f : -160
180 : #0a7171 : -150
190 : #0a5f71 : -140
200 : #0a4e71 : -130
210 : #0a3d71 : -120
220 : #0a2c71 : -110
230 : #0a1b71 : -100
240 : #0a0a71 : -90
250 : #1b0a71 : -80
260 : #2c0a71 : -70
270 : #3d0a71 : -60
280 : #4e0a71 : -50
290 : #5f0a71 : -40
300 : #710a71 : -30
310 : #710a5f : -20
320 : #710a4e : -10
330 : #710a3d : ±0
340 : #710a2c : +10
350 : #710a1b : +20
320 : #710a4e : -10
321 : #710a4d : -9
322 : #710a4b : -8
323 : #710a49 : -7
324 : #710a47 : -6
325 : #710a46 : -5
326 : #710a44 : -4
327 : #710a42 : -3
328 : #710a41 : -2
329 : #710a3f : -1
330 : #710a3d : ±0
331 : #710a3b : +1
332 : #710a3a : +2
333 : #710a38 : +3
334 : #710a36 : +4
335 : #710a35 : +5
336 : #710a33 : +6
337 : #710a31 : +7
338 : #710a2f : +8
339 : #710a2e : +9
340 : #710a2c : +10
S : 彩度 ( 84% )
(0%) 渋い ～ 鮮やか (100%)
0 : #3d3d3d : -84
2 : #3e3c3d : -82
4 : #403b3d : -80
6 : #413a3d : -78
8 : #42383d : -76
10 : #43373d : -74
12 : #45363d : -72
14 : #46353d : -70
16 : #47333d : -68
18 : #48323d : -66
20 : #49313d : -64
22 : #4b303d : -62
24 : #4c2f3d : -60
26 : #4d2d3d : -58
28 : #4e2c3d : -56
30 : #502b3d : -54
32 : #512a3d : -52
34 : #52283d : -50
36 : #53273d : -48
38 : #54263d : -46
40 : #56253d : -44
42 : #57233d : -42
44 : #58223d : -40
46 : #59213d : -38
48 : #5b203d : -36
50 : #5c1f3d : -34
52 : #5d1d3d : -32
54 : #5e1c3d : -30
56 : #5f1b3d : -28
58 : #611a3d : -26
60 : #62183d : -24
62 : #63173d : -22
64 : #64163d : -20
66 : #66153d : -18
68 : #67143d : -16
70 : #68123d : -14
72 : #69113d : -12
74 : #6a103d : -10
76 : #6c0f3d : -8
78 : #6d0d3d : -6
80 : #6e0c3d : -4
82 : #6f0b3d : -2
84 : #710a3d : ±0
86 : #72093d : +2
88 : #73073d : +4
90 : #74063d : +6
92 : #76053d : +8
94 : #77043d : +10
96 : #78023d : +12
98 : #79013d : +14
100 : #7a003d : +16
L : 明度 ( 24% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -24
2 : #090105 : -22
4 : #13020a : -20
6 : #1c020f : -18
8 : #260314 : -16
10 : #2f041a : -14
12 : #38051f : -12
14 : #420624 : -10
16 : #4b0729 : -8
18 : #54072e : -6
20 : #5e0833 : -4
22 : #670938 : -2
24 : #710a3d : ±0
26 : #7a0b42 : +2
28 : #830b47 : +4
30 : #8d0c4d : +6
32 : #960d52 : +8
34 : #a00e57 : +10
36 : #a90f5c : +12
38 : #b21061 : +14
40 : #bc1066 : +16
42 : #c5116b : +18
44 : #ce1270 : +20
46 : #d81375 : +22
48 : #e1147a : +24
50 : #eb1480 : +26
52 : #eb1e85 : +28
54 : #ec278a : +30
56 : #ed318f : +32
58 : #ee3a94 : +34
60 : #ef4399 : +36
62 : #ef4d9e : +38
64 : #f056a3 : +40
66 : #f15fa8 : +42
68 : #f269ad : +44
70 : #f372b3 : +46
72 : #f47cb8 : +48
74 : #f485bd : +50
76 : #f58ec2 : +52
78 : #f698c7 : +54
80 : #f7a1cc : +56
82 : #f8abd1 : +58
84 : #f8b4d6 : +60
86 : #f9bddb : +62
88 : #fac7e0 : +64
90 : #fbd0e6 : +66
92 : #fcd9eb : +68
94 : #fde3f0 : +70
96 : #fdecf5 : +72
98 : #fef6fa : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow