#c25a19
RGB
| 赤 | 194 |
|---|---|
| 緑 | 90 |
| 青 | 25 |
HSL
| 色相 | 23° |
|---|---|
| 彩度 | 77% |
| 明度 | 43% |
| 輝度 | 45% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 194, 緑 = 90, 青 = 25 )
HSL ( 色相 = 23°, 彩度 = 77%, 明度 = 43% )
H : 色相 ( 23° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #c22219 : -20
13 : #c23e19 : -10
23 : #c25a19 : ±0
33 : #c27619 : +10
43 : #c29219 : +20
53 : #c2ae19 : +30
63 : #bac219 : +40
73 : #9dc219 : +50
83 : #81c219 : +60
93 : #65c219 : +70
103 : #49c219 : +80
113 : #2dc219 : +90
123 : #19c222 : +100
133 : #19c23e : +110
143 : #19c25a : +120
153 : #19c276 : +130
163 : #19c292 : +140
173 : #19c2ae : +150
183 : #19bac2 : +160
193 : #199dc2 : +170
203 : #1981c2 : +180
213 : #1965c2 : +190
223 : #1949c2 : +200
233 : #192dc2 : +210
243 : #2219c2 : +220
253 : #3e19c2 : +230
263 : #5a19c2 : +240
273 : #7619c2 : +250
283 : #9219c2 : +260
293 : #ae19c2 : +270
303 : #c219ba : +280
313 : #c2199d : +290
323 : #c21981 : +300
333 : #c21965 : +310
343 : #c21949 : +320
353 : #c2192d : +330
13 : #c23e19 : -10
14 : #c24119 : -9
15 : #c24319 : -8
16 : #c24619 : -7
17 : #c24919 : -6
18 : #c24c19 : -5
19 : #c24f19 : -4
20 : #c25219 : -3
21 : #c25419 : -2
22 : #c25719 : -1
23 : #c25a19 : ±0
24 : #c25d19 : +1
25 : #c26019 : +2
26 : #c26219 : +3
27 : #c26519 : +4
28 : #c26819 : +5
29 : #c26b19 : +6
30 : #c26e19 : +7
31 : #c27019 : +8
32 : #c27319 : +9
33 : #c27619 : +10
S : 彩度 ( 77% )
(0%) 渋い ～ 鮮やか (100%)
1 : #6f6d6d : -76
3 : #716d6a : -74
5 : #736c68 : -72
7 : #756c66 : -70
9 : #786b64 : -68
11 : #7a6b62 : -66
13 : #7c6a5f : -64
15 : #7e6a5d : -62
17 : #80695b : -60
19 : #826959 : -58
21 : #856857 : -56
23 : #876854 : -54
25 : #896752 : -52
27 : #8b6750 : -50
29 : #8d664e : -48
31 : #90664c : -46
33 : #926549 : -44
35 : #946547 : -42
37 : #966445 : -40
39 : #986443 : -38
41 : #9b6341 : -36
43 : #9d633f : -34
45 : #9f623c : -32
47 : #a1623a : -30
49 : #a36138 : -28
51 : #a66136 : -26
53 : #a86034 : -24
55 : #aa6031 : -22
57 : #ac5f2f : -20
59 : #ae5f2d : -18
61 : #b15e2b : -16
63 : #b35e29 : -14
65 : #b55d26 : -12
67 : #b75d24 : -10
69 : #b95c22 : -8
71 : #bc5b20 : -6
73 : #be5b1e : -4
75 : #c05a1b : -2
77 : #c25a19 : ±0
79 : #c45917 : +2
81 : #c65915 : +4
83 : #c95813 : +6
85 : #cb5810 : +8
87 : #cd570e : +10
89 : #cf570c : +12
91 : #d1560a : +14
93 : #d45608 : +16
95 : #d65505 : +18
97 : #d85503 : +20
99 : #da5401 : +22
L : 明度 ( 43% )
(0%) 暗い ～ 明るい (100%)
1 : #050201 : -42
3 : #0e0602 : -40
5 : #170a03 : -38
7 : #200f04 : -36
9 : #291305 : -34
11 : #321706 : -32
13 : #3b1b08 : -30
15 : #441f09 : -28
17 : #4d240a : -26
19 : #56280b : -24
21 : #5f2c0c : -22
23 : #68300d : -20
25 : #71340f : -18
27 : #7a3810 : -16
29 : #833d11 : -14
31 : #8c4112 : -12
33 : #954513 : -10
35 : #9e4915 : -8
37 : #a74d16 : -6
39 : #b05217 : -4
41 : #b95618 : -2
43 : #c25a19 : ±0
45 : #cb5e1a : +2
47 : #d4621c : +4
49 : #dd671d : +6
51 : #e26c22 : +8
53 : #e3722b : +10
55 : #e57834 : +12
57 : #e67e3d : +14
59 : #e78446 : +16
61 : #e88a4f : +18
63 : #e99058 : +20
65 : #ea9661 : +22
67 : #ec9c6a : +24
69 : #eda273 : +26
71 : #eea87c : +28
73 : #efae85 : +30
75 : #f0b48e : +32
77 : #f2ba97 : +34
79 : #f3c0a0 : +36
81 : #f4c6a9 : +38
83 : #f5ccb2 : +40
85 : #f6d2bb : +42
87 : #f7d8c4 : +44
89 : #f9decd : +46
91 : #fae4d6 : +48
93 : #fbeadf : +50
95 : #fcf0e8 : +52
97 : #fdf6f1 : +54
99 : #fefcfa : +56
CSS入門、作ってます。
text-shadow