#631c0d
RGB ( 赤 = 99, 緑 = 28, 青 = 13 )
HSL ( 色相 = 10°, 彩度 = 77%, 明度 = 22% )
H : 色相 ( 10° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #630d0d : -10
10 : #631b0d : ±0
20 : #632a0d : +10
30 : #63380d : +20
40 : #63460d : +30
50 : #63550d : +40
60 : #63630d : +50
70 : #55630d : +60
80 : #46630d : +70
90 : #38630d : +80
100 : #2a630d : +90
110 : #1b630d : +100
120 : #0d630d : +110
130 : #0d631b : +120
140 : #0d632a : +130
150 : #0d6338 : +140
160 : #0d6346 : +150
170 : #0d6355 : +160
180 : #0d6363 : +170
190 : #0d5563 : +180
200 : #0d4663 : +190
210 : #0d3863 : +200
220 : #0d2a63 : +210
230 : #0d1b63 : +220
240 : #0d0d63 : +230
250 : #1b0d63 : +240
260 : #2a0d63 : +250
270 : #380d63 : +260
280 : #460d63 : +270
290 : #550d63 : +280
300 : #630d63 : +290
310 : #630d55 : +300
320 : #630d46 : +310
330 : #630d38 : +320
340 : #630d2a : +330
350 : #630d1b : +340
0 : #630d0d : -10
1 : #630e0d : -9
2 : #63100d : -8
3 : #63110d : -7
4 : #63130d : -6
5 : #63140d : -5
6 : #63160d : -4
7 : #63170d : -3
8 : #63180d : -2
9 : #631a0d : -1
10 : #631b0d : ±0
11 : #631d0d : +1
12 : #631e0d : +2
13 : #63200d : +3
14 : #63210d : +4
15 : #63230d : +5
16 : #63240d : +6
17 : #63250d : +7
18 : #63270d : +8
19 : #63280d : +9
20 : #632a0d : +10
S : 彩度 ( 77% )
(0%) 渋い ~ 鮮やか (100%)
1 : #393838 : -76
3 : #3a3736 : -74
5 : #3b3635 : -72
7 : #3c3534 : -70
9 : #3d3533 : -68
11 : #3e3432 : -66
13 : #3f3331 : -64
15 : #413230 : -62
17 : #42322f : -60
19 : #43312d : -58
21 : #44302c : -56
23 : #452f2b : -54
25 : #462f2a : -52
27 : #472e29 : -50
29 : #482d28 : -48
31 : #492d27 : -46
33 : #4b2c26 : -44
35 : #4c2b24 : -42
37 : #4d2a23 : -40
39 : #4e2a22 : -38
41 : #4f2921 : -36
43 : #502820 : -34
45 : #51271f : -32
47 : #52271e : -30
49 : #54261d : -28
51 : #55251b : -26
53 : #56241a : -24
55 : #572419 : -22
57 : #582318 : -20
59 : #592217 : -18
61 : #5a2116 : -16
63 : #5b2115 : -14
65 : #5d2014 : -12
67 : #5e1f13 : -10
69 : #5f1e11 : -8
71 : #601e10 : -6
73 : #611d0f : -4
75 : #621c0e : -2
77 : #631b0d : ±0
79 : #641b0c : +2
81 : #661a0b : +4
83 : #67190a : +6
85 : #681808 : +8
87 : #691807 : +10
89 : #6a1706 : +12
91 : #6b1605 : +14
93 : #6c1504 : +16
95 : #6d1503 : +18
97 : #6f1402 : +20
99 : #701301 : +22
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #090201 : -20
4 : #120502 : -18
6 : #1b0704 : -16
8 : #240a05 : -14
10 : #2d0c06 : -12
12 : #360f07 : -10
14 : #3f1108 : -8
16 : #481409 : -6
18 : #51160b : -4
20 : #5a190c : -2
22 : #631b0d : ±0
24 : #6c1e0e : +2
26 : #75200f : +4
28 : #7e2310 : +6
30 : #872512 : +8
32 : #902813 : +10
34 : #992a14 : +12
36 : #a22d15 : +14
38 : #ac2f16 : +16
40 : #b53217 : +18
42 : #be3419 : +20
44 : #c7371a : +22
46 : #d0391b : +24
48 : #d93c1c : +26
50 : #e23e1d : +28
52 : #e34626 : +30
54 : #e44d2f : +32
56 : #e55538 : +34
58 : #e65d41 : +36
60 : #e8654a : +38
62 : #e96c53 : +40
64 : #ea745d : +42
66 : #eb7c66 : +44
68 : #ec846f : +46
70 : #ed8b78 : +48
72 : #ef9381 : +50
74 : #f09b8a : +52
76 : #f1a293 : +54
78 : #f2aa9c : +56
80 : #f3b2a5 : +58
82 : #f4baae : +60
84 : #f6c1b7 : +62
86 : #f7c9c0 : +64
88 : #f8d1c9 : +66
90 : #f9d8d2 : +68
92 : #fae0db : +70
94 : #fbe8e4 : +72
96 : #fdf0ed : +74
98 : #fef7f6 : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow