#b93f13
RGB
赤 | 185 |
---|---|
緑 | 63 |
青 | 19 |
HSL
色相 | 16° |
---|---|
彩度 | 81% |
明度 | 40% |
輝度 | 37% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 185, 緑 = 63, 青 = 19 )
HSL ( 色相 = 16°, 彩度 = 81%, 明度 = 40% )
H : 色相 ( 16° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #b92413 : -10
16 : #b93f13 : ±0
26 : #b95b13 : +10
36 : #b97713 : +20
46 : #b99213 : +30
56 : #b9ae13 : +40
66 : #a8b913 : +50
76 : #8db913 : +60
86 : #71b913 : +70
96 : #55b913 : +80
106 : #3ab913 : +90
116 : #1eb913 : +100
126 : #13b924 : +110
136 : #13b93f : +120
146 : #13b95b : +130
156 : #13b977 : +140
166 : #13b992 : +150
176 : #13b9ae : +160
186 : #13a8b9 : +170
196 : #138db9 : +180
206 : #1371b9 : +190
216 : #1355b9 : +200
226 : #133ab9 : +210
236 : #131eb9 : +220
246 : #2413b9 : +230
256 : #3f13b9 : +240
266 : #5b13b9 : +250
276 : #7713b9 : +260
286 : #9213b9 : +270
296 : #ae13b9 : +280
306 : #b913a8 : +290
316 : #b9138d : +300
326 : #b91371 : +310
336 : #b91355 : +320
346 : #b9133a : +330
356 : #b9131e : +340
6 : #b92413 : -10
7 : #b92713 : -9
8 : #b92913 : -8
9 : #b92c13 : -7
10 : #b92f13 : -6
11 : #b93213 : -5
12 : #b93413 : -4
13 : #b93713 : -3
14 : #b93a13 : -2
15 : #b93d13 : -1
16 : #b93f13 : ±0
17 : #b94213 : +1
18 : #b94513 : +2
19 : #b94813 : +3
20 : #b94a13 : +4
21 : #b94d13 : +5
22 : #b95013 : +6
23 : #b95313 : +7
24 : #b95513 : +8
25 : #b95813 : +9
26 : #b95b13 : +10
S : 彩度 ( 81% )
(0%) 渋い ~ 鮮やか (100%)
1 : #676665 : -80
3 : #696563 : -78
5 : #6b6461 : -76
7 : #6d635f : -74
9 : #6f625d : -72
11 : #71615b : -70
13 : #736059 : -68
15 : #755f57 : -66
17 : #775e55 : -64
19 : #795d53 : -62
21 : #7b5c51 : -60
23 : #7d5b4f : -58
25 : #805a4d : -56
27 : #82594a : -54
29 : #845848 : -52
31 : #865746 : -50
33 : #885644 : -48
35 : #8a5542 : -46
37 : #8c5440 : -44
39 : #8e533e : -42
41 : #90523c : -40
43 : #92523a : -38
45 : #945138 : -36
47 : #965036 : -34
49 : #984f34 : -32
51 : #9a4e32 : -30
53 : #9c4d30 : -28
55 : #9e4c2e : -26
57 : #a04b2c : -24
59 : #a24a2a : -22
61 : #a44928 : -20
63 : #a64826 : -18
65 : #a84724 : -16
67 : #aa4622 : -14
69 : #ac4520 : -12
71 : #ae441e : -10
73 : #b0431c : -8
75 : #b3421a : -6
77 : #b54117 : -4
79 : #b74015 : -2
81 : #b93f13 : ±0
83 : #bb3e11 : +2
85 : #bd3e0f : +4
87 : #bf3d0d : +6
89 : #c13c0b : +8
91 : #c33b09 : +10
93 : #c53a07 : +12
95 : #c73905 : +14
97 : #c93803 : +16
99 : #cb3701 : +18
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #090301 : -38
4 : #120602 : -36
6 : #1c0a03 : -34
8 : #250d04 : -32
10 : #2e1005 : -30
12 : #371306 : -28
14 : #411607 : -26
16 : #4a1908 : -24
18 : #531d09 : -22
20 : #5c200a : -20
22 : #66230b : -18
24 : #6f260c : -16
26 : #78290d : -14
28 : #812c0e : -12
30 : #8a300f : -10
32 : #943310 : -8
34 : #9d3610 : -6
36 : #a63911 : -4
38 : #af3c12 : -2
40 : #b93f13 : ±0
42 : #c24314 : +2
44 : #cb4615 : +4
46 : #d44916 : +6
48 : #de4c17 : +8
50 : #e74f18 : +10
52 : #e85621 : +12
54 : #e95d2b : +14
56 : #ea6434 : +16
58 : #eb6b3d : +18
60 : #ec7246 : +20
62 : #ed7950 : +22
64 : #ee8059 : +24
66 : #ef8862 : +26
68 : #ef8f6b : +28
70 : #f09675 : +30
72 : #f19d7e : +32
74 : #f2a487 : +34
76 : #f3ab90 : +36
78 : #f4b299 : +38
80 : #f5b9a3 : +40
82 : #f6c0ac : +42
84 : #f7c7b5 : +44
86 : #f8cebe : +46
88 : #f9d5c8 : +48
90 : #fadcd1 : +50
92 : #fbe3da : +52
94 : #fceae3 : +54
96 : #fdf1ed : +56
98 : #fef8f6 : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow