#cd840e
RGB
| 赤 | 205 |
|---|---|
| 緑 | 132 |
| 青 | 14 |
HSL
| 色相 | 37° |
|---|---|
| 彩度 | 87% |
| 明度 | 43% |
| 輝度 | 55% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 205, 緑 = 132, 青 = 14 )
HSL ( 色相 = 37°, 彩度 = 87%, 明度 = 43% )
H : 色相 ( 37° )
(0°) 赤～黄～緑～青～紫 (359°)
7 : #cd250e : -30
17 : #cd440e : -20
27 : #cd640e : -10
37 : #cd840e : ±0
47 : #cda40e : +10
57 : #cdc40e : +20
67 : #b7cd0e : +30
77 : #97cd0e : +40
87 : #77cd0e : +50
97 : #57cd0e : +60
107 : #38cd0e : +70
117 : #18cd0e : +80
127 : #0ecd25 : +90
137 : #0ecd44 : +100
147 : #0ecd64 : +110
157 : #0ecd84 : +120
167 : #0ecda4 : +130
177 : #0ecdc4 : +140
187 : #0eb7cd : +150
197 : #0e97cd : +160
207 : #0e77cd : +170
217 : #0e57cd : +180
227 : #0e38cd : +190
237 : #0e18cd : +200
247 : #250ecd : +210
257 : #440ecd : +220
267 : #640ecd : +230
277 : #840ecd : +240
287 : #a40ecd : +250
297 : #c40ecd : +260
307 : #cd0eb7 : +270
317 : #cd0e97 : +280
327 : #cd0e77 : +290
337 : #cd0e57 : +300
347 : #cd0e38 : +310
357 : #cd0e18 : +320
27 : #cd640e : -10
28 : #cd670e : -9
29 : #cd6a0e : -8
30 : #cd6e0e : -7
31 : #cd710e : -6
32 : #cd740e : -5
33 : #cd770e : -4
34 : #cd7a0e : -3
35 : #cd7e0e : -2
36 : #cd810e : -1
37 : #cd840e : ±0
38 : #cd870e : +1
39 : #cd8a0e : +2
40 : #cd8d0e : +3
41 : #cd910e : +4
42 : #cd940e : +5
43 : #cd970e : +6
44 : #cd9a0e : +7
45 : #cd9d0e : +8
46 : #cda10e : +9
47 : #cda40e : +10
S : 彩度 ( 87% )
(0%) 渋い ～ 鮮やか (100%)
1 : #6f6e6d : -86
3 : #716e6a : -84
5 : #736f68 : -82
7 : #756f66 : -80
9 : #787064 : -78
11 : #7a7062 : -76
13 : #7c715f : -74
15 : #7e715d : -72
17 : #80725b : -70
19 : #827359 : -68
21 : #857357 : -66
23 : #877454 : -64
25 : #897452 : -62
27 : #8b7550 : -60
29 : #8d754e : -58
31 : #90764c : -56
33 : #927649 : -54
35 : #947747 : -52
37 : #967745 : -50
39 : #987843 : -48
41 : #9b7841 : -46
43 : #9d793f : -44
45 : #9f793c : -42
47 : #a17a3a : -40
49 : #a37a38 : -38
51 : #a67b36 : -36
53 : #a87b34 : -34
55 : #aa7c31 : -32
57 : #ac7c2f : -30
59 : #ae7d2d : -28
61 : #b17d2b : -26
63 : #b37e29 : -24
65 : #b57e26 : -22
67 : #b77f24 : -20
69 : #b97f22 : -18
71 : #bc8020 : -16
73 : #be801e : -14
75 : #c0811b : -12
77 : #c28119 : -10
79 : #c48217 : -8
81 : #c68215 : -6
83 : #c98313 : -4
85 : #cb8310 : -2
87 : #cd840e : ±0
89 : #cf840c : +2
91 : #d1850a : +4
93 : #d48508 : +6
95 : #d68605 : +8
97 : #d88603 : +10
99 : #da8701 : +12
L : 明度 ( 43% )
(0%) 暗い ～ 明るい (100%)
1 : #050300 : -42
3 : #0e0901 : -40
5 : #180f02 : -38
7 : #211502 : -36
9 : #2b1c03 : -34
11 : #342204 : -32
13 : #3e2804 : -30
15 : #482e05 : -28
17 : #513406 : -26
19 : #5b3a06 : -24
21 : #644007 : -22
23 : #6e4708 : -20
25 : #774d08 : -18
27 : #815309 : -16
29 : #8a590a : -14
31 : #945f0a : -12
33 : #9d650b : -10
35 : #a76b0c : -8
37 : #b0720c : -6
39 : #ba780d : -4
41 : #c47e0e : -2
43 : #cd840e : ±0
45 : #d78a0f : +2
47 : #e09010 : +4
49 : #ea9610 : +6
51 : #ef9b15 : +8
53 : #ef9f1f : +10
55 : #f0a428 : +12
57 : #f1a832 : +14
59 : #f1ac3b : +16
61 : #f2b045 : +18
63 : #f3b44f : +20
65 : #f3b858 : +22
67 : #f4bc62 : +24
69 : #f5c06b : +26
71 : #f5c475 : +28
73 : #f6c87e : +30
75 : #f7cc88 : +32
77 : #f7d091 : +34
79 : #f8d49b : +36
81 : #f9d8a4 : +38
83 : #f9dcae : +40
85 : #fae1b7 : +42
87 : #fbe5c1 : +44
89 : #fbe9cb : +46
91 : #fcedd4 : +48
93 : #fdf1de : +50
95 : #fdf5e7 : +52
97 : #fef9f1 : +54
99 : #fffdfa : +56
CSS入門、作ってます。
text-shadow