#cd7e7a
RGB
赤 | 205 |
---|---|
緑 | 126 |
青 | 122 |
HSL
色相 | 3° |
---|---|
彩度 | 45% |
明度 | 64% |
輝度 | 58% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 205, 緑 = 126, 青 = 122 )
HSL ( 色相 = 3°, 彩度 = 45%, 明度 = 64% )
H : 色相 ( 3° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #cd7e7a : ±0
13 : #cd8c7a : +10
23 : #cd9a7a : +20
33 : #cda77a : +30
43 : #cdb57a : +40
53 : #cdc37a : +50
63 : #c8cd7a : +60
73 : #bbcd7a : +70
83 : #adcd7a : +80
93 : #9fcd7a : +90
103 : #91cd7a : +100
113 : #84cd7a : +110
123 : #7acd7e : +120
133 : #7acd8c : +130
143 : #7acd9a : +140
153 : #7acda7 : +150
163 : #7acdb5 : +160
173 : #7acdc3 : +170
183 : #7ac8cd : +180
193 : #7abbcd : +190
203 : #7aadcd : +200
213 : #7a9fcd : +210
223 : #7a91cd : +220
233 : #7a84cd : +230
243 : #7e7acd : +240
253 : #8c7acd : +250
263 : #9a7acd : +260
273 : #a77acd : +270
283 : #b57acd : +280
293 : #c37acd : +290
303 : #cd7ac8 : +300
313 : #cd7abb : +310
323 : #cd7aad : +320
333 : #cd7a9f : +330
343 : #cd7a91 : +340
353 : #cd7a84 : +350
353 : #cd7a84 : +350
354 : #cd7a82 : +351
355 : #cd7a81 : +352
356 : #cd7a7f : +353
357 : #cd7a7e : +354
358 : #cd7a7d : +355
359 : #cd7a7b : +356
0 : #cd7a7a : -3
1 : #cd7b7a : -2
2 : #cd7d7a : -1
3 : #cd7e7a : ±0
4 : #cd7f7a : +1
5 : #cd817a : +2
6 : #cd827a : +3
7 : #cd847a : +4
8 : #cd857a : +5
9 : #cd867a : +6
10 : #cd887a : +7
11 : #cd897a : +8
12 : #cd8a7a : +9
13 : #cd8c7a : +10
S : 彩度 ( 45% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a4a2a2 : -44
3 : #a6a1a0 : -42
5 : #a89f9f : -40
7 : #aa9d9d : -38
9 : #ab9c9b : -36
11 : #ad9a99 : -34
13 : #af9897 : -32
15 : #b19795 : -30
17 : #b39594 : -28
19 : #b59492 : -26
21 : #b69290 : -24
23 : #b8908e : -22
25 : #ba8f8c : -20
27 : #bc8d8a : -18
29 : #be8b89 : -16
31 : #c08a87 : -14
33 : #c18885 : -12
35 : #c38683 : -10
37 : #c58581 : -8
39 : #c7837f : -6
41 : #c9817e : -4
43 : #cb807c : -2
45 : #cd7e7a : ±0
47 : #ce7c78 : +2
49 : #d07b76 : +4
51 : #d27974 : +6
53 : #d47773 : +8
55 : #d67671 : +10
57 : #d8746f : +12
59 : #d9726d : +14
61 : #db716b : +16
63 : #dd6f69 : +18
65 : #df6d68 : +20
67 : #e16c66 : +22
69 : #e36a64 : +24
71 : #e46962 : +26
73 : #e66760 : +28
75 : #e8655e : +30
77 : #ea645d : +32
79 : #ec625b : +34
81 : #ee6059 : +36
83 : #ef5f57 : +38
85 : #f15d55 : +40
87 : #f35b53 : +42
89 : #f55a51 : +44
91 : #f75850 : +46
93 : #f9564e : +48
95 : #fa554c : +50
97 : #fc534a : +52
99 : #fe5148 : +54
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #070303 : -62
4 : #0f0606 : -60
6 : #160908 : -58
8 : #1e0c0b : -56
10 : #250f0e : -54
12 : #2c1211 : -52
14 : #341514 : -50
16 : #3b1816 : -48
18 : #431b19 : -46
20 : #4a1e1c : -44
22 : #51211f : -42
24 : #592422 : -40
26 : #602724 : -38
28 : #682a27 : -36
30 : #6f2e2a : -34
32 : #76312d : -32
34 : #7e3430 : -30
36 : #853732 : -28
38 : #8d3a35 : -26
40 : #943d38 : -24
42 : #9b403b : -22
44 : #a3433e : -20
46 : #aa4641 : -18
48 : #b14943 : -16
50 : #b94c46 : -14
52 : #bc534e : -12
54 : #be5a55 : -10
56 : #c1615c : -8
58 : #c46964 : -6
60 : #c7706b : -4
62 : #ca7772 : -2
64 : #cd7e7a : ±0
66 : #cf8581 : +2
68 : #d28c89 : +4
70 : #d59490 : +6
72 : #d89b97 : +8
74 : #dba29f : +10
76 : #dda9a6 : +12
78 : #e0b0ae : +14
80 : #e3b7b5 : +16
82 : #e6bfbc : +18
84 : #e9c6c4 : +20
86 : #ebcdcb : +22
88 : #eed4d3 : +24
90 : #f1dbda : +26
92 : #f4e2e1 : +28
94 : #f7eae9 : +30
96 : #f9f1f0 : +32
98 : #fcf8f8 : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow