#b14f16
RGB
赤 | 177 |
---|---|
緑 | 79 |
青 | 22 |
HSL
色相 | 22° |
---|---|
彩度 | 78% |
明度 | 39% |
輝度 | 40% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 177, 緑 = 79, 青 = 22 )
HSL ( 色相 = 22°, 彩度 = 78%, 明度 = 39% )
H : 色相 ( 22° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #b11b16 : -20
12 : #b13516 : -10
22 : #b14f16 : ±0
32 : #b16916 : +10
42 : #b18216 : +20
52 : #b19c16 : +30
62 : #acb116 : +40
72 : #92b116 : +50
82 : #78b116 : +60
92 : #5eb116 : +70
102 : #44b116 : +80
112 : #2bb116 : +90
122 : #16b11b : +100
132 : #16b135 : +110
142 : #16b14f : +120
152 : #16b169 : +130
162 : #16b182 : +140
172 : #16b19c : +150
182 : #16acb1 : +160
192 : #1692b1 : +170
202 : #1678b1 : +180
212 : #165eb1 : +190
222 : #1644b1 : +200
232 : #162bb1 : +210
242 : #1b16b1 : +220
252 : #3516b1 : +230
262 : #4f16b1 : +240
272 : #6916b1 : +250
282 : #8216b1 : +260
292 : #9c16b1 : +270
302 : #b116ac : +280
312 : #b11692 : +290
322 : #b11678 : +300
332 : #b1165e : +310
342 : #b11644 : +320
352 : #b1162b : +330
12 : #b13516 : -10
13 : #b13716 : -9
14 : #b13a16 : -8
15 : #b13d16 : -7
16 : #b13f16 : -6
17 : #b14216 : -5
18 : #b14416 : -4
19 : #b14716 : -3
20 : #b14a16 : -2
21 : #b14c16 : -1
22 : #b14f16 : ±0
23 : #b15116 : +1
24 : #b15416 : +2
25 : #b15716 : +3
26 : #b15916 : +4
27 : #b15c16 : +5
28 : #b15e16 : +6
29 : #b16116 : +7
30 : #b16316 : +8
31 : #b16616 : +9
32 : #b16916 : +10
S : 彩度 ( 78% )
(0%) 渋い ~ 鮮やか (100%)
0 : #636363 : -78
2 : #656361 : -76
4 : #67625f : -74
6 : #69625d : -72
8 : #6b615b : -70
10 : #6d615a : -68
12 : #6f6058 : -66
14 : #716056 : -64
16 : #735f54 : -62
18 : #755f52 : -60
20 : #775e50 : -58
22 : #795e4e : -56
24 : #7b5d4c : -54
26 : #7d5d4a : -52
28 : #7f5c48 : -50
30 : #815b46 : -48
32 : #835b44 : -46
34 : #855a42 : -44
36 : #875a40 : -42
38 : #89593e : -40
40 : #8b593c : -38
42 : #8d583a : -36
44 : #8f5838 : -34
46 : #915736 : -32
48 : #935734 : -30
50 : #955632 : -28
52 : #975630 : -26
54 : #99552e : -24
56 : #9b552c : -22
58 : #9d542a : -20
60 : #9f5428 : -18
62 : #a15326 : -16
64 : #a35224 : -14
66 : #a55222 : -12
68 : #a75120 : -10
70 : #a9511e : -8
72 : #ab501c : -6
74 : #ad501a : -4
76 : #af4f18 : -2
78 : #b14f16 : ±0
80 : #b34e14 : +2
82 : #b54e12 : +4
84 : #b74d10 : +6
86 : #b94d0e : +8
88 : #bb4c0c : +10
90 : #bd4c0a : +12
92 : #bf4b08 : +14
94 : #c14b06 : +16
96 : #c34a04 : +18
98 : #c54902 : +20
100 : #c74900 : +22
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #050201 : -38
3 : #0e0602 : -36
5 : #170a03 : -34
7 : #200e04 : -32
9 : #291205 : -30
11 : #321606 : -28
13 : #3b1a07 : -26
15 : #441e08 : -24
17 : #4d220a : -22
19 : #56260b : -20
21 : #5f2a0c : -18
23 : #682e0d : -16
25 : #71320e : -14
27 : #7b370f : -12
29 : #843b10 : -10
31 : #8d3f11 : -8
33 : #964313 : -6
35 : #9f4714 : -4
37 : #a84b15 : -2
39 : #b14f16 : ±0
41 : #ba5317 : +2
43 : #c35718 : +4
45 : #cc5b19 : +6
47 : #d55f1a : +8
49 : #de631b : +10
51 : #e46821 : +12
53 : #e56e2a : +14
55 : #e67433 : +16
57 : #e77b3c : +18
59 : #e88145 : +20
61 : #e9874e : +22
63 : #ea8d57 : +24
65 : #eb9360 : +26
67 : #ec9969 : +28
69 : #eea072 : +30
71 : #efa67b : +32
73 : #f0ac84 : +34
75 : #f1b28e : +36
77 : #f2b897 : +38
79 : #f3bea0 : +40
81 : #f4c4a9 : +42
83 : #f5cbb2 : +44
85 : #f7d1bb : +46
87 : #f8d7c4 : +48
89 : #f9ddcd : +50
91 : #fae3d6 : +52
93 : #fbe9df : +54
95 : #fcf0e8 : +56
97 : #fdf6f1 : +58
99 : #fefcfa : +60
CSS入門、作ってます。
text-shadow