#4d6615
RGB
| 赤 | 77 |
|---|---|
| 緑 | 102 |
| 青 | 21 |
HSL
| 色相 | 79° |
|---|---|
| 彩度 | 66% |
| 明度 | 24% |
| 輝度 | 33% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 77, 緑 = 102, 青 = 21 )
HSL ( 色相 = 79°, 彩度 = 66%, 明度 = 24% )
H : 色相 ( 79° )
(0°) 赤～黄～緑～青～紫 (359°)
9 : #662115 : -70
19 : #662e15 : -60
29 : #663c15 : -50
39 : #664915 : -40
49 : #665715 : -30
59 : #666415 : -20
69 : #596615 : -10
79 : #4c6615 : ±0
89 : #3f6615 : +10
99 : #316615 : +20
109 : #246615 : +30
119 : #166615 : +40
129 : #156621 : +50
139 : #15662e : +60
149 : #15663c : +70
159 : #156649 : +80
169 : #156657 : +90
179 : #156664 : +100
189 : #155966 : +110
199 : #154c66 : +120
209 : #153f66 : +130
219 : #153166 : +140
229 : #152466 : +150
239 : #151666 : +160
249 : #211566 : +170
259 : #2e1566 : +180
269 : #3c1566 : +190
279 : #491566 : +200
289 : #571566 : +210
299 : #641566 : +220
309 : #661559 : +230
319 : #66154c : +240
329 : #66153f : +250
339 : #661531 : +260
349 : #661524 : +270
359 : #661516 : +280
69 : #596615 : -10
70 : #586615 : -9
71 : #576615 : -8
72 : #556615 : -7
73 : #546615 : -6
74 : #536615 : -5
75 : #516615 : -4
76 : #506615 : -3
77 : #4f6615 : -2
78 : #4d6615 : -1
79 : #4c6615 : ±0
80 : #4b6615 : +1
81 : #496615 : +2
82 : #486615 : +3
83 : #476615 : +4
84 : #456615 : +5
85 : #446615 : +6
86 : #436615 : +7
87 : #416615 : +8
88 : #406615 : +9
89 : #3f6615 : +10
S : 彩度 ( 66% )
(0%) 渋い ～ 鮮やか (100%)
0 : #3d3d3d : -66
2 : #3e3e3c : -64
4 : #3e403b : -62
6 : #3f413a : -60
8 : #3f4238 : -58
10 : #3f4337 : -56
12 : #404536 : -54
14 : #404635 : -52
16 : #414733 : -50
18 : #414832 : -48
20 : #424931 : -46
22 : #424b30 : -44
24 : #434c2f : -42
26 : #434d2d : -40
28 : #434e2c : -38
30 : #44502b : -36
32 : #44512a : -34
34 : #455228 : -32
36 : #455327 : -30
38 : #465426 : -28
40 : #465625 : -26
42 : #475723 : -24
44 : #475822 : -22
46 : #485921 : -20
48 : #485b20 : -18
50 : #485c1f : -16
52 : #495d1d : -14
54 : #495e1c : -12
56 : #4a5f1b : -10
58 : #4a611a : -8
60 : #4b6218 : -6
62 : #4b6317 : -4
64 : #4c6416 : -2
66 : #4c6615 : ±0
68 : #4c6714 : +2
70 : #4d6812 : +4
72 : #4d6911 : +6
74 : #4e6a10 : +8
76 : #4e6c0f : +10
78 : #4f6d0d : +12
80 : #4f6e0c : +14
82 : #506f0b : +16
84 : #50710a : +18
86 : #507209 : +20
88 : #517307 : +22
90 : #517406 : +24
92 : #527605 : +26
94 : #527704 : +28
96 : #537802 : +30
98 : #537901 : +32
100 : #547a00 : +34
L : 明度 ( 24% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -24
2 : #060802 : -22
4 : #0d1103 : -20
6 : #131905 : -18
8 : #192207 : -16
10 : #202a09 : -14
12 : #26330a : -12
14 : #2c3b0c : -10
16 : #33440e : -8
18 : #394c10 : -6
20 : #3f5511 : -4
22 : #465d13 : -2
24 : #4c6615 : ±0
26 : #526e17 : +2
28 : #597718 : +4
30 : #5f7f1a : +6
32 : #65871c : +8
34 : #6c901d : +10
36 : #72981f : +12
38 : #78a121 : +14
40 : #7fa923 : +16
42 : #85b224 : +18
44 : #8bba26 : +20
46 : #92c328 : +22
48 : #98cb2a : +24
50 : #9ed42b : +26
52 : #a2d534 : +28
54 : #a6d73c : +30
56 : #aad945 : +32
58 : #aedb4d : +34
60 : #b2dc56 : +36
62 : #b6de5e : +38
64 : #b9e067 : +40
66 : #bde26f : +42
68 : #c1e378 : +44
70 : #c5e580 : +46
72 : #c9e788 : +48
74 : #cde891 : +50
76 : #d1ea99 : +52
78 : #d4eca2 : +54
80 : #d8eeaa : +56
82 : #dcefb3 : +58
84 : #e0f1bb : +60
86 : #e4f3c4 : +62
88 : #e8f5cc : +64
90 : #ecf6d5 : +66
92 : #f0f8dd : +68
94 : #f3fae6 : +70
96 : #f7fcee : +72
98 : #fbfdf7 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow