#d9510d
RGB ( 赤 = 217, 緑 = 81, 青 = 13 )
HSL ( 色相 = 20°, 彩度 = 89%, 明度 = 45% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #d90d0d : -20
10 : #d92f0d : -10
20 : #d9510d : ±0
30 : #d9730d : +10
40 : #d9950d : +20
50 : #d9b70d : +30
60 : #d9d90d : +40
70 : #b7d90d : +50
80 : #95d90d : +60
90 : #73d90d : +70
100 : #51d90d : +80
110 : #2fd90d : +90
120 : #0dd90d : +100
130 : #0dd92f : +110
140 : #0dd951 : +120
150 : #0dd973 : +130
160 : #0dd995 : +140
170 : #0dd9b7 : +150
180 : #0dd9d9 : +160
190 : #0db7d9 : +170
200 : #0d95d9 : +180
210 : #0d73d9 : +190
220 : #0d51d9 : +200
230 : #0d2fd9 : +210
240 : #0d0dd9 : +220
250 : #2f0dd9 : +230
260 : #510dd9 : +240
270 : #730dd9 : +250
280 : #950dd9 : +260
290 : #b70dd9 : +270
300 : #d90dd9 : +280
310 : #d90db7 : +290
320 : #d90d95 : +300
330 : #d90d73 : +310
340 : #d90d51 : +320
350 : #d90d2f : +330
10 : #d92f0d : -10
11 : #d9320d : -9
12 : #d9350d : -8
13 : #d9390d : -7
14 : #d93c0d : -6
15 : #d9400d : -5
16 : #d9430d : -4
17 : #d9460d : -3
18 : #d94a0d : -2
19 : #d94d0d : -1
20 : #d9510d : ±0
21 : #d9540d : +1
22 : #d9580d : +2
23 : #d95b0d : +3
24 : #d95e0d : +4
25 : #d9620d : +5
26 : #d9650d : +6
27 : #d9690d : +7
28 : #d96c0d : +8
29 : #d96f0d : +9
30 : #d9730d : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #747272 : -88
3 : #76726f : -86
5 : #78716d : -84
7 : #7b706b : -82
9 : #7d6f68 : -80
11 : #7f6f66 : -78
13 : #826e64 : -76
15 : #846d62 : -74
17 : #866c5f : -72
19 : #896b5d : -70
21 : #8b6b5b : -68
23 : #8d6a58 : -66
25 : #8f6956 : -64
27 : #926854 : -62
29 : #946851 : -60
31 : #96674f : -58
33 : #99664d : -56
35 : #9b654b : -54
37 : #9d6548 : -52
39 : #a06446 : -50
41 : #a26344 : -48
43 : #a46241 : -46
45 : #a6623f : -44
47 : #a9613d : -42
49 : #ab603b : -40
51 : #ad5f38 : -38
53 : #b05e36 : -36
55 : #b25e34 : -34
57 : #b45d31 : -32
59 : #b65c2f : -30
61 : #b95b2d : -28
63 : #bb5b2a : -26
65 : #bd5a28 : -24
67 : #c05926 : -22
69 : #c25824 : -20
71 : #c45821 : -18
73 : #c7571f : -16
75 : #c9561d : -14
77 : #cb551a : -12
79 : #cd5518 : -10
81 : #d05416 : -8
83 : #d25314 : -6
85 : #d45211 : -4
87 : #d7510f : -2
89 : #d9510d : ±0
91 : #db500a : +2
93 : #dd4f08 : +4
95 : #e04e06 : +6
97 : #e24e03 : +8
99 : #e44d01 : +10
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #050200 : -44
3 : #0e0501 : -42
5 : #180901 : -40
7 : #220d02 : -38
9 : #2b1003 : -36
11 : #351403 : -34
13 : #3f1704 : -32
15 : #481b04 : -30
17 : #521e05 : -28
19 : #5c2205 : -26
21 : #652606 : -24
23 : #6f2906 : -22
25 : #782d07 : -20
27 : #823008 : -18
29 : #8c3408 : -16
31 : #953809 : -14
33 : #9f3b09 : -12
35 : #a93f0a : -10
37 : #b2420a : -8
39 : #bc460b : -6
41 : #c64a0c : -4
43 : #cf4d0c : -2
45 : #d9510d : ±0
47 : #e3540d : +2
49 : #ec580e : +4
51 : #f15d13 : +6
53 : #f2641c : +8
55 : #f26a26 : +10
57 : #f37130 : +12
59 : #f37739 : +14
61 : #f47e43 : +16
63 : #f5854d : +18
65 : #f58b56 : +20
67 : #f69260 : +22
69 : #f6986a : +24
71 : #f79f73 : +26
73 : #f7a67d : +28
75 : #f8ac87 : +30
77 : #f9b390 : +32
79 : #f9ba9a : +34
81 : #fac0a3 : +36
83 : #fac7ad : +38
85 : #fbcdb7 : +40
87 : #fbd4c0 : +42
89 : #fcdbca : +44
91 : #fce1d4 : +46
93 : #fde8dd : +48
95 : #feeee7 : +50
97 : #fef5f1 : +52
99 : #fffcfa : +54
CSS入門、作ってます。
text-shadow