#db7f3d
RGB ( 赤 = 219, 緑 = 127, 青 = 61 )
HSL ( 色相 = 25°, 彩度 = 69%, 明度 = 55% )
H : 色相 ( 25° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #db4a3d : -20
15 : #db653d : -10
25 : #db7f3d : ±0
35 : #db993d : +10
45 : #dbb43d : +20
55 : #dbce3d : +30
65 : #cedb3d : +40
75 : #b4db3d : +50
85 : #99db3d : +60
95 : #7fdb3d : +70
105 : #65db3d : +80
115 : #4adb3d : +90
125 : #3ddb4a : +100
135 : #3ddb65 : +110
145 : #3ddb7f : +120
155 : #3ddb99 : +130
165 : #3ddbb4 : +140
175 : #3ddbce : +150
185 : #3dcedb : +160
195 : #3db4db : +170
205 : #3d99db : +180
215 : #3d7fdb : +190
225 : #3d65db : +200
235 : #3d4adb : +210
245 : #4a3ddb : +220
255 : #653ddb : +230
265 : #7f3ddb : +240
275 : #993ddb : +250
285 : #b43ddb : +260
295 : #ce3ddb : +270
305 : #db3dce : +280
315 : #db3db4 : +290
325 : #db3d99 : +300
335 : #db3d7f : +310
345 : #db3d65 : +320
355 : #db3d4a : +330
15 : #db653d : -10
16 : #db673d : -9
17 : #db6a3d : -8
18 : #db6d3d : -7
19 : #db6f3d : -6
20 : #db723d : -5
21 : #db743d : -4
22 : #db773d : -3
23 : #db7a3d : -2
24 : #db7c3d : -1
25 : #db7f3d : ±0
26 : #db823d : +1
27 : #db843d : +2
28 : #db873d : +3
29 : #db8a3d : +4
30 : #db8c3d : +5
31 : #db8f3d : +6
32 : #db923d : +7
33 : #db943d : +8
34 : #db973d : +9
35 : #db993d : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8d8c8b : -68
3 : #908c89 : -66
5 : #928b87 : -64
7 : #948b84 : -62
9 : #978b82 : -60
11 : #998a80 : -58
13 : #9b8a7d : -56
15 : #9d897b : -54
17 : #a08979 : -52
19 : #a28976 : -50
21 : #a48874 : -48
23 : #a78872 : -46
25 : #a98770 : -44
27 : #ab876d : -42
29 : #ae876b : -40
31 : #b08669 : -38
33 : #b28666 : -36
35 : #b48664 : -34
37 : #b78562 : -32
39 : #b9855f : -30
41 : #bb845d : -28
43 : #be845b : -26
45 : #c08459 : -24
47 : #c28356 : -22
49 : #c48354 : -20
51 : #c78252 : -18
53 : #c9824f : -16
55 : #cb824d : -14
57 : #ce814b : -12
59 : #d08149 : -10
61 : #d28146 : -8
63 : #d58044 : -6
65 : #d78042 : -4
67 : #d97f3f : -2
69 : #db7f3d : ±0
71 : #de7f3b : +2
73 : #e07e38 : +4
75 : #e27e36 : +6
77 : #e57e34 : +8
79 : #e77d32 : +10
81 : #e97d2f : +12
83 : #eb7c2d : +14
85 : #ee7c2b : +16
87 : #f07c28 : +18
89 : #f27b26 : +20
91 : #f57b24 : +22
93 : #f77a22 : +24
95 : #f97a1f : +26
97 : #fc7a1d : +28
99 : #fe791b : +30
L : 明度 ( 55% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -54
3 : #0d0702 : -52
5 : #160b04 : -50
7 : #1e1006 : -48
9 : #271407 : -46
11 : #2f1909 : -44
13 : #381d0a : -42
15 : #41220c : -40
17 : #49260d : -38
19 : #522b0f : -36
21 : #5a2f11 : -34
23 : #633412 : -32
25 : #6c3814 : -30
27 : #743d15 : -28
29 : #7d4117 : -26
31 : #864619 : -24
33 : #8e4a1a : -22
35 : #974f1c : -20
37 : #9f531d : -18
39 : #a8581f : -16
41 : #b15d20 : -14
43 : #b96122 : -12
45 : #c26624 : -10
47 : #cb6a25 : -8
49 : #d36f27 : -6
51 : #d8742c : -4
53 : #da7934 : -2
55 : #db7f3d : ±0
57 : #dd8546 : +2
59 : #df8a4e : +4
61 : #e09057 : +6
63 : #e29660 : +8
65 : #e39b68 : +10
67 : #e5a171 : +12
69 : #e6a779 : +14
71 : #e8ad82 : +16
73 : #eab28b : +18
75 : #ebb893 : +20
77 : #edbe9c : +22
79 : #eec3a5 : +24
81 : #f0c9ad : +26
83 : #f2cfb6 : +28
85 : #f3d4be : +30
87 : #f5dac7 : +32
89 : #f6e0d0 : +34
91 : #f8e5d8 : +36
93 : #f9ebe1 : +38
95 : #fbf1e9 : +40
97 : #fdf6f2 : +42
99 : #fefcfb : +44
CSS入門、作ってます。
text-shadow