#cd8a0e
RGB
| 赤 | 205 |
|---|---|
| 緑 | 138 |
| 青 | 14 |
HSL
| 色相 | 39° |
|---|---|
| 彩度 | 87% |
| 明度 | 43% |
| 輝度 | 56% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 205, 緑 = 138, 青 = 14 )
HSL ( 色相 = 39°, 彩度 = 87%, 明度 = 43% )
H : 色相 ( 39° )
(0°) 赤～黄～緑～青～紫 (359°)
9 : #cd2b0e : -30
19 : #cd4b0e : -20
29 : #cd6a0e : -10
39 : #cd8a0e : ±0
49 : #cdaa0e : +10
59 : #cdca0e : +20
69 : #b0cd0e : +30
79 : #91cd0e : +40
89 : #71cd0e : +50
99 : #51cd0e : +60
109 : #31cd0e : +70
119 : #11cd0e : +80
129 : #0ecd2b : +90
139 : #0ecd4b : +100
149 : #0ecd6a : +110
159 : #0ecd8a : +120
169 : #0ecdaa : +130
179 : #0ecdca : +140
189 : #0eb0cd : +150
199 : #0e91cd : +160
209 : #0e71cd : +170
219 : #0e51cd : +180
229 : #0e31cd : +190
239 : #0e11cd : +200
249 : #2b0ecd : +210
259 : #4b0ecd : +220
269 : #6a0ecd : +230
279 : #8a0ecd : +240
289 : #aa0ecd : +250
299 : #ca0ecd : +260
309 : #cd0eb0 : +270
319 : #cd0e91 : +280
329 : #cd0e71 : +290
339 : #cd0e51 : +300
349 : #cd0e31 : +310
359 : #cd0e11 : +320
29 : #cd6a0e : -10
30 : #cd6e0e : -9
31 : #cd710e : -8
32 : #cd740e : -7
33 : #cd770e : -6
34 : #cd7a0e : -5
35 : #cd7e0e : -4
36 : #cd810e : -3
37 : #cd840e : -2
38 : #cd870e : -1
39 : #cd8a0e : ±0
40 : #cd8d0e : +1
41 : #cd910e : +2
42 : #cd940e : +3
43 : #cd970e : +4
44 : #cd9a0e : +5
45 : #cd9d0e : +6
46 : #cda10e : +7
47 : #cda40e : +8
48 : #cda70e : +9
49 : #cdaa0e : +10
S : 彩度 ( 87% )
(0%) 渋い ～ 鮮やか (100%)
1 : #6f6e6d : -86
3 : #716f6a : -84
5 : #736f68 : -82
7 : #757066 : -80
9 : #787164 : -78
11 : #7a7162 : -76
13 : #7c725f : -74
15 : #7e735d : -72
17 : #80735b : -70
19 : #827459 : -68
21 : #857557 : -66
23 : #877554 : -64
25 : #897652 : -62
27 : #8b7750 : -60
29 : #8d774e : -58
31 : #90784c : -56
33 : #927949 : -54
35 : #947947 : -52
37 : #967a45 : -50
39 : #987a43 : -48
41 : #9b7b41 : -46
43 : #9d7c3f : -44
45 : #9f7c3c : -42
47 : #a17d3a : -40
49 : #a37e38 : -38
51 : #a67e36 : -36
53 : #a87f34 : -34
55 : #aa8031 : -32
57 : #ac802f : -30
59 : #ae812d : -28
61 : #b1822b : -26
63 : #b38229 : -24
65 : #b58326 : -22
67 : #b78424 : -20
69 : #b98422 : -18
71 : #bc8520 : -16
73 : #be861e : -14
75 : #c0861b : -12
77 : #c28719 : -10
79 : #c48817 : -8
81 : #c68815 : -6
83 : #c98913 : -4
85 : #cb8a10 : -2
87 : #cd8a0e : ±0
89 : #cf8b0c : +2
91 : #d18c0a : +4
93 : #d48c08 : +6
95 : #d68d05 : +8
97 : #d88e03 : +10
99 : #da8e01 : +12
L : 明度 ( 43% )
(0%) 暗い ～ 明るい (100%)
1 : #050300 : -42
3 : #0e0a01 : -40
5 : #181002 : -38
7 : #211702 : -36
9 : #2b1d03 : -34
11 : #342304 : -32
13 : #3e2a04 : -30
15 : #483005 : -28
17 : #513706 : -26
19 : #5b3d06 : -24
21 : #644407 : -22
23 : #6e4a08 : -20
25 : #775008 : -18
27 : #815709 : -16
29 : #8a5d0a : -14
31 : #94640a : -12
33 : #9d6a0b : -10
35 : #a7710c : -8
37 : #b0770c : -6
39 : #ba7d0d : -4
41 : #c4840e : -2
43 : #cd8a0e : ±0
45 : #d7910f : +2
47 : #e09710 : +4
49 : #ea9e10 : +6
51 : #efa315 : +8
53 : #efa61f : +10
55 : #f0aa28 : +12
57 : #f1ae32 : +14
59 : #f1b23b : +16
61 : #f2b645 : +18
63 : #f3b94f : +20
65 : #f3bd58 : +22
67 : #f4c162 : +24
69 : #f5c56b : +26
71 : #f5c875 : +28
73 : #f6cc7e : +30
75 : #f7d088 : +32
77 : #f7d491 : +34
79 : #f8d79b : +36
81 : #f9dba4 : +38
83 : #f9dfae : +40
85 : #fae3b7 : +42
87 : #fbe7c1 : +44
89 : #fbeacb : +46
91 : #fceed4 : +48
93 : #fdf2de : +50
95 : #fdf6e7 : +52
97 : #fef9f1 : +54
99 : #fffdfa : +56
CSS入門、作ってます。
text-shadow