#cd510e
RGB
| 赤 | 205 |
|---|---|
| 緑 | 81 |
| 青 | 14 |
HSL
| 色相 | 21° |
|---|---|
| 彩度 | 87% |
| 明度 | 43% |
| 輝度 | 43% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 205, 緑 = 81, 青 = 14 )
HSL ( 色相 = 21°, 彩度 = 87%, 明度 = 43% )
H : 色相 ( 21° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #cd110e : -20
11 : #cd310e : -10
21 : #cd510e : ±0
31 : #cd710e : +10
41 : #cd910e : +20
51 : #cdb00e : +30
61 : #cacd0e : +40
71 : #aacd0e : +50
81 : #8acd0e : +60
91 : #6acd0e : +70
101 : #4bcd0e : +80
111 : #2bcd0e : +90
121 : #0ecd11 : +100
131 : #0ecd31 : +110
141 : #0ecd51 : +120
151 : #0ecd71 : +130
161 : #0ecd91 : +140
171 : #0ecdb0 : +150
181 : #0ecacd : +160
191 : #0eaacd : +170
201 : #0e8acd : +180
211 : #0e6acd : +190
221 : #0e4bcd : +200
231 : #0e2bcd : +210
241 : #110ecd : +220
251 : #310ecd : +230
261 : #510ecd : +240
271 : #710ecd : +250
281 : #910ecd : +260
291 : #b00ecd : +270
301 : #cd0eca : +280
311 : #cd0eaa : +290
321 : #cd0e8a : +300
331 : #cd0e6a : +310
341 : #cd0e4b : +320
351 : #cd0e2b : +330
11 : #cd310e : -10
12 : #cd340e : -9
13 : #cd380e : -8
14 : #cd3b0e : -7
15 : #cd3e0e : -6
16 : #cd410e : -5
17 : #cd440e : -4
18 : #cd470e : -3
19 : #cd4b0e : -2
20 : #cd4e0e : -1
21 : #cd510e : ±0
22 : #cd540e : +1
23 : #cd570e : +2
24 : #cd5b0e : +3
25 : #cd5e0e : +4
26 : #cd610e : +5
27 : #cd640e : +6
28 : #cd670e : +7
29 : #cd6a0e : +8
30 : #cd6e0e : +9
31 : #cd710e : +10
S : 彩度 ( 87% )
(0%) 渋い ～ 鮮やか (100%)
1 : #6f6d6d : -86
3 : #716d6a : -84
5 : #736c68 : -82
7 : #756b66 : -80
9 : #786b64 : -78
11 : #7a6a62 : -76
13 : #7c695f : -74
15 : #7e695d : -72
17 : #80685b : -70
19 : #826759 : -68
21 : #856757 : -66
23 : #876654 : -64
25 : #896552 : -62
27 : #8b6550 : -60
29 : #8d644e : -58
31 : #90634c : -56
33 : #926349 : -54
35 : #946247 : -52
37 : #966145 : -50
39 : #986143 : -48
41 : #9b6041 : -46
43 : #9d603f : -44
45 : #9f5f3c : -42
47 : #a15e3a : -40
49 : #a35e38 : -38
51 : #a65d36 : -36
53 : #a85c34 : -34
55 : #aa5c31 : -32
57 : #ac5b2f : -30
59 : #ae5a2d : -28
61 : #b15a2b : -26
63 : #b35929 : -24
65 : #b55826 : -22
67 : #b75824 : -20
69 : #b95722 : -18
71 : #bc5620 : -16
73 : #be561e : -14
75 : #c0551b : -12
77 : #c25419 : -10
79 : #c45417 : -8
81 : #c65315 : -6
83 : #c95213 : -4
85 : #cb5210 : -2
87 : #cd510e : ±0
89 : #cf500c : +2
91 : #d1500a : +4
93 : #d44f08 : +6
95 : #d64e05 : +8
97 : #d84e03 : +10
99 : #da4d01 : +12
L : 明度 ( 43% )
(0%) 暗い ～ 明るい (100%)
1 : #050200 : -42
3 : #0e0601 : -40
5 : #180902 : -38
7 : #210d02 : -36
9 : #2b1103 : -34
11 : #341504 : -32
13 : #3e1804 : -30
15 : #481c05 : -28
17 : #512006 : -26
19 : #5b2406 : -24
21 : #642807 : -22
23 : #6e2b08 : -20
25 : #772f08 : -18
27 : #813309 : -16
29 : #8a370a : -14
31 : #943a0a : -12
33 : #9d3e0b : -10
35 : #a7420c : -8
37 : #b0460c : -6
39 : #ba490d : -4
41 : #c44d0e : -2
43 : #cd510e : ±0
45 : #d7550f : +2
47 : #e05910 : +4
49 : #ea5c10 : +6
51 : #ef6115 : +8
53 : #ef681f : +10
55 : #f06e28 : +12
57 : #f17532 : +14
59 : #f17b3b : +16
61 : #f28245 : +18
63 : #f3884f : +20
65 : #f38e58 : +22
67 : #f49562 : +24
69 : #f59b6b : +26
71 : #f5a275 : +28
73 : #f6a87e : +30
75 : #f7af88 : +32
77 : #f7b591 : +34
79 : #f8bb9b : +36
81 : #f9c2a4 : +38
83 : #f9c8ae : +40
85 : #facfb7 : +42
87 : #fbd5c1 : +44
89 : #fbdccb : +46
91 : #fce2d4 : +48
93 : #fde8de : +50
95 : #fdefe7 : +52
97 : #fef5f1 : +54
99 : #fffcfa : +56
CSS入門、作ってます。
text-shadow