#836807
RGB
| 赤 | 131 |
|---|---|
| 緑 | 104 |
| 青 | 7 |
HSL
| 色相 | 47° |
|---|---|
| 彩度 | 90% |
| 明度 | 27% |
| 輝度 | 40% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 131, 緑 = 104, 青 = 7 )
HSL ( 色相 = 47°, 彩度 = 90%, 明度 = 27% )
H : 色相 ( 47° )
(0°) 赤～黄～緑～青～紫 (359°)
7 : #831507 : -40
17 : #832a07 : -30
27 : #833f07 : -20
37 : #835307 : -10
47 : #836807 : ±0
57 : #837d07 : +10
67 : #748307 : +20
77 : #608307 : +30
87 : #4b8307 : +40
97 : #368307 : +50
107 : #228307 : +60
117 : #0d8307 : +70
127 : #078315 : +80
137 : #07832a : +90
147 : #07833f : +100
157 : #078353 : +110
167 : #078368 : +120
177 : #07837d : +130
187 : #077483 : +140
197 : #076083 : +150
207 : #074b83 : +160
217 : #073683 : +170
227 : #072283 : +180
237 : #070d83 : +190
247 : #150783 : +200
257 : #2a0783 : +210
267 : #3f0783 : +220
277 : #530783 : +230
287 : #680783 : +240
297 : #7d0783 : +250
307 : #830774 : +260
317 : #830760 : +270
327 : #83074b : +280
337 : #830736 : +290
347 : #830722 : +300
357 : #83070d : +310
37 : #835307 : -10
38 : #835507 : -9
39 : #835707 : -8
40 : #835a07 : -7
41 : #835c07 : -6
42 : #835e07 : -5
43 : #836007 : -4
44 : #836207 : -3
45 : #836407 : -2
46 : #836607 : -1
47 : #836807 : ±0
48 : #836a07 : +1
49 : #836c07 : +2
50 : #836e07 : +3
51 : #837007 : +4
52 : #837207 : +5
53 : #837407 : +6
54 : #837607 : +7
55 : #837807 : +8
56 : #837b07 : +9
57 : #837d07 : +10
S : 彩度 ( 90% )
(0%) 渋い ～ 鮮やか (100%)
0 : #444444 : -90
2 : #464643 : -88
4 : #484642 : -86
6 : #494741 : -84
8 : #4a483f : -82
10 : #4c493e : -80
12 : #4d4a3d : -78
14 : #4e4a3b : -76
16 : #504b3a : -74
18 : #514c38 : -72
20 : #534d37 : -70
22 : #544d36 : -68
24 : #554e34 : -66
26 : #574f33 : -64
28 : #585032 : -62
30 : #5a5130 : -60
32 : #5b512f : -58
34 : #5c522d : -56
36 : #5e532c : -54
38 : #5f542b : -52
40 : #605429 : -50
42 : #625528 : -48
44 : #635627 : -46
46 : #655725 : -44
48 : #665824 : -42
50 : #675822 : -40
52 : #695921 : -38
54 : #6a5a20 : -36
56 : #6b5b1e : -34
58 : #6d5b1d : -32
60 : #6e5c1c : -30
62 : #705d1a : -28
64 : #715e19 : -26
66 : #725f17 : -24
68 : #745f16 : -22
70 : #756015 : -20
72 : #766113 : -18
74 : #786212 : -16
76 : #796311 : -14
78 : #7b630f : -12
80 : #7c640e : -10
82 : #7d650c : -8
84 : #7f660b : -6
86 : #80660a : -4
88 : #816708 : -2
90 : #836807 : ±0
92 : #846906 : +2
94 : #866a04 : +4
96 : #876a03 : +6
98 : #886b01 : +8
100 : #8a6c00 : +10
L : 明度 ( 27% )
(0%) 暗い ～ 明るい (100%)
1 : #050400 : -26
3 : #0f0c01 : -24
5 : #181301 : -22
7 : #221b02 : -20
9 : #2c2302 : -18
11 : #352a03 : -16
13 : #3f3203 : -14
15 : #493a04 : -12
17 : #524104 : -10
19 : #5c4905 : -8
21 : #665105 : -6
23 : #6f5906 : -4
25 : #796006 : -2
27 : #836807 : ±0
29 : #8d7007 : +2
31 : #967708 : +4
33 : #a07f08 : +6
35 : #aa8709 : +8
37 : #b38e09 : +10
39 : #bd960a : +12
41 : #c79e0a : +14
43 : #d0a60b : +16
45 : #daad0b : +18
47 : #e4b50c : +20
49 : #edbd0c : +22
51 : #f3c212 : +24
53 : #f3c41b : +26
55 : #f4c725 : +28
57 : #f4c92f : +30
59 : #f5cc38 : +32
61 : #f5ce42 : +34
63 : #f6d14c : +36
65 : #f6d355 : +38
67 : #f7d65f : +40
69 : #f7d869 : +42
71 : #f8db72 : +44
73 : #f8dd7c : +46
75 : #f9e086 : +48
77 : #f9e290 : +50
79 : #fae599 : +52
81 : #fae7a3 : +54
83 : #fbeaad : +56
85 : #fbecb6 : +58
87 : #fcefc0 : +60
89 : #fcf1ca : +62
91 : #fdf4d3 : +64
93 : #fdf6dd : +66
95 : #fef9e7 : +68
97 : #fefbf0 : +70
99 : #fffefa : +72
CSS入門、作ってます。
text-shadow