#dcb865
RGB
| 赤 | 220 |
|---|---|
| 緑 | 184 |
| 青 | 101 |
HSL
| 色相 | 42° |
|---|---|
| 彩度 | 63% |
| 明度 | 63% |
| 輝度 | 73% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 220, 緑 = 184, 青 = 101 )
HSL ( 色相 = 42°, 彩度 = 63%, 明度 = 63% )
H : 色相 ( 42° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #dc6965 : -40
12 : #dc7d65 : -30
22 : #dc9165 : -20
32 : #dca565 : -10
42 : #dcb865 : ±0
52 : #dccc65 : +10
62 : #d8dc65 : +20
72 : #c4dc65 : +30
82 : #b1dc65 : +40
92 : #9ddc65 : +50
102 : #89dc65 : +60
112 : #75dc65 : +70
122 : #65dc69 : +80
132 : #65dc7d : +90
142 : #65dc91 : +100
152 : #65dca5 : +110
162 : #65dcb8 : +120
172 : #65dccc : +130
182 : #65d8dc : +140
192 : #65c4dc : +150
202 : #65b1dc : +160
212 : #659ddc : +170
222 : #6589dc : +180
232 : #6575dc : +190
242 : #6965dc : +200
252 : #7d65dc : +210
262 : #9165dc : +220
272 : #a565dc : +230
282 : #b865dc : +240
292 : #cc65dc : +250
302 : #dc65d8 : +260
312 : #dc65c4 : +270
322 : #dc65b1 : +280
332 : #dc659d : +290
342 : #dc6589 : +300
352 : #dc6575 : +310
32 : #dca565 : -10
33 : #dca765 : -9
34 : #dca965 : -8
35 : #dcab65 : -7
36 : #dcad65 : -6
37 : #dcaf65 : -5
38 : #dcb165 : -4
39 : #dcb265 : -3
40 : #dcb465 : -2
41 : #dcb665 : -1
42 : #dcb865 : ±0
43 : #dcba65 : +1
44 : #dcbc65 : +2
45 : #dcbe65 : +3
46 : #dcc065 : +4
47 : #dcc265 : +5
48 : #dcc465 : +6
49 : #dcc665 : +7
50 : #dcc865 : +8
51 : #dcca65 : +9
52 : #dccc65 : +10
S : 彩度 ( 63% )
(0%) 渋い ～ 鮮やか (100%)
1 : #a2a1a0 : -62
3 : #a3a29e : -60
5 : #a5a39c : -58
7 : #a7a39a : -56
9 : #a9a498 : -54
11 : #aba596 : -52
13 : #ada694 : -50
15 : #afa692 : -48
17 : #b1a791 : -46
19 : #b3a88f : -44
21 : #b4a98d : -42
23 : #b6a98b : -40
25 : #b8aa89 : -38
27 : #baab87 : -36
29 : #bcac85 : -34
31 : #beac83 : -32
33 : #c0ad82 : -30
35 : #c2ae80 : -28
37 : #c4af7e : -26
39 : #c5af7c : -24
41 : #c7b07a : -22
43 : #c9b178 : -20
45 : #cbb276 : -18
47 : #cdb274 : -16
49 : #cfb372 : -14
51 : #d1b471 : -12
53 : #d3b56f : -10
55 : #d5b56d : -8
57 : #d6b66b : -6
59 : #d8b769 : -4
61 : #dab867 : -2
63 : #dcb865 : ±0
65 : #deb963 : +2
67 : #e0ba61 : +4
69 : #e2bb60 : +6
71 : #e4bb5e : +8
73 : #e6bc5c : +10
75 : #e7bd5a : +12
77 : #e9be58 : +14
79 : #ebbe56 : +16
81 : #edbf54 : +18
83 : #efc052 : +20
85 : #f1c150 : +22
87 : #f3c14f : +24
89 : #f5c24d : +26
91 : #f7c34b : +28
93 : #f8c449 : +30
95 : #fac547 : +32
97 : #fcc545 : +34
99 : #fec643 : +36
L : 明度 ( 63% )
(0%) 暗い ～ 明るい (100%)
1 : #040301 : -62
3 : #0c0a03 : -60
5 : #151005 : -58
7 : #1d1607 : -56
9 : #251d08 : -54
11 : #2e230a : -52
13 : #362a0c : -50
15 : #3e300e : -48
17 : #473610 : -46
19 : #4f3d12 : -44
21 : #574314 : -42
23 : #604916 : -40
25 : #685018 : -38
27 : #705619 : -36
29 : #795d1b : -34
31 : #81631d : -32
33 : #89691f : -30
35 : #917021 : -28
37 : #9a7623 : -26
39 : #a27d25 : -24
41 : #aa8327 : -22
43 : #b38929 : -20
45 : #bb902a : -18
47 : #c3962c : -16
49 : #cc9c2e : -14
51 : #d1a233 : -12
53 : #d3a53c : -10
55 : #d5a944 : -8
57 : #d6ad4c : -6
59 : #d8b155 : -4
61 : #dab55d : -2
63 : #dcb865 : ±0
65 : #debc6e : +2
67 : #e0c076 : +4
69 : #e2c47e : +6
71 : #e4c886 : +8
73 : #e6cc8f : +10
75 : #e7cf97 : +12
77 : #e9d39f : +14
79 : #ebd7a8 : +16
81 : #eddbb0 : +18
83 : #efdfb8 : +20
85 : #f1e2c1 : +22
87 : #f3e6c9 : +24
89 : #f5ead1 : +26
91 : #f7eeda : +28
93 : #f8f2e2 : +30
95 : #faf5ea : +32
97 : #fcf9f3 : +34
99 : #fefdfb : +36
CSS入門、作ってます。
text-shadow