#927f11
RGB
| 赤 | 146 |
|---|---|
| 緑 | 127 |
| 青 | 17 |
HSL
| 色相 | 51° |
|---|---|
| 彩度 | 79% |
| 明度 | 32% |
| 輝度 | 47% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 146, 緑 = 127, 青 = 17 )
HSL ( 色相 = 51°, 彩度 = 79%, 明度 = 32% )
H : 色相 ( 51° )
(0°) 赤～黄～緑～青～紫 (359°)
1 : #921311 : -50
11 : #922911 : -40
21 : #923e11 : -30
31 : #925411 : -20
41 : #926911 : -10
51 : #927f11 : ±0
61 : #909211 : +10
71 : #7a9211 : +20
81 : #659211 : +30
91 : #4f9211 : +40
101 : #3a9211 : +50
111 : #249211 : +60
121 : #119213 : +70
131 : #119229 : +80
141 : #11923e : +90
151 : #119254 : +100
161 : #119269 : +110
171 : #11927f : +120
181 : #119092 : +130
191 : #117a92 : +140
201 : #116592 : +150
211 : #114f92 : +160
221 : #113a92 : +170
231 : #112492 : +180
241 : #131192 : +190
251 : #291192 : +200
261 : #3e1192 : +210
271 : #541192 : +220
281 : #691192 : +230
291 : #7f1192 : +240
301 : #921190 : +250
311 : #92117a : +260
321 : #921165 : +270
331 : #92114f : +280
341 : #92113a : +290
351 : #921124 : +300
41 : #926911 : -10
42 : #926b11 : -9
43 : #926e11 : -8
44 : #927011 : -7
45 : #927211 : -6
46 : #927411 : -5
47 : #927611 : -4
48 : #927811 : -3
49 : #927a11 : -2
50 : #927d11 : -1
51 : #927f11 : ±0
52 : #928111 : +1
53 : #928311 : +2
54 : #928511 : +3
55 : #928711 : +4
56 : #928911 : +5
57 : #928c11 : +6
58 : #928e11 : +7
59 : #929011 : +8
60 : #929211 : +9
61 : #909211 : +10
S : 彩度 ( 79% )
(0%) 渋い ～ 鮮やか (100%)
1 : #525251 : -78
3 : #54534f : -76
5 : #56544e : -74
7 : #57564c : -72
9 : #59574a : -70
11 : #5b5849 : -68
13 : #5c5947 : -66
15 : #5e5a45 : -64
17 : #5f5b44 : -62
19 : #615c42 : -60
21 : #635e40 : -58
23 : #645f3f : -56
25 : #66603d : -54
27 : #68613c : -52
29 : #69623a : -50
31 : #6b6338 : -48
33 : #6d6437 : -46
35 : #6e6635 : -44
37 : #706733 : -42
39 : #716832 : -40
41 : #736930 : -38
43 : #756a2f : -36
45 : #766b2d : -34
47 : #786c2b : -32
49 : #7a6e2a : -30
51 : #7b6f28 : -28
53 : #7d7026 : -26
55 : #7e7125 : -24
57 : #807223 : -22
59 : #827321 : -20
61 : #837420 : -18
63 : #85761e : -16
65 : #87771d : -14
67 : #88781b : -12
69 : #8a7919 : -10
71 : #8c7a18 : -8
73 : #8d7b16 : -6
75 : #8f7c14 : -4
77 : #907e13 : -2
79 : #927f11 : ±0
81 : #948010 : +2
83 : #95810e : +4
85 : #97820c : +6
87 : #99830b : +8
89 : #9a8409 : +10
91 : #9c8607 : +12
93 : #9d8706 : +14
95 : #9f8804 : +16
97 : #a18902 : +18
99 : #a28a01 : +20
L : 明度 ( 32% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -32
2 : #090801 : -30
4 : #121002 : -28
6 : #1b1803 : -26
8 : #252004 : -24
10 : #2e2805 : -22
12 : #373006 : -20
14 : #403707 : -18
16 : #493f09 : -16
18 : #52470a : -14
20 : #5b4f0b : -12
22 : #64570c : -10
24 : #6e5f0d : -8
26 : #77670e : -6
28 : #806f0f : -4
30 : #897710 : -2
32 : #927f11 : ±0
34 : #9b8712 : +2
36 : #a48f13 : +4
38 : #ad9614 : +6
40 : #b79e15 : +8
42 : #c0a616 : +10
44 : #c9ae18 : +12
46 : #d2b619 : +14
48 : #dbbe1a : +16
50 : #e4c61b : +18
52 : #e5c824 : +20
54 : #e6cb2d : +22
56 : #e7cd36 : +24
58 : #e9cf3f : +26
60 : #ead148 : +28
62 : #ebd452 : +30
64 : #ecd65b : +32
66 : #edd864 : +34
68 : #eedb6d : +36
70 : #efdd76 : +38
72 : #f0df7f : +40
74 : #f1e188 : +42
76 : #f2e491 : +44
78 : #f3e69b : +46
80 : #f4e8a4 : +48
82 : #f5eaad : +50
84 : #f6edb6 : +52
86 : #f8efbf : +54
88 : #f9f1c8 : +56
90 : #faf4d1 : +58
92 : #fbf6da : +60
94 : #fcf8e4 : +62
96 : #fdfaed : +64
98 : #fefdf6 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow