#c34318
RGB
赤 | 195 |
---|---|
緑 | 67 |
青 | 24 |
HSL
色相 | 15° |
---|---|
彩度 | 78% |
明度 | 43% |
輝度 | 39% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 195, 緑 = 67, 青 = 24 )
HSL ( 色相 = 15°, 彩度 = 78%, 明度 = 43% )
H : 色相 ( 15° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #c32618 : -10
15 : #c34318 : ±0
25 : #c35f18 : +10
35 : #c37c18 : +20
45 : #c39818 : +30
55 : #c3b518 : +40
65 : #b5c318 : +50
75 : #98c318 : +60
85 : #7cc318 : +70
95 : #5fc318 : +80
105 : #43c318 : +90
115 : #26c318 : +100
125 : #18c326 : +110
135 : #18c343 : +120
145 : #18c35f : +130
155 : #18c37c : +140
165 : #18c398 : +150
175 : #18c3b5 : +160
185 : #18b5c3 : +170
195 : #1898c3 : +180
205 : #187cc3 : +190
215 : #185fc3 : +200
225 : #1843c3 : +210
235 : #1826c3 : +220
245 : #2618c3 : +230
255 : #4318c3 : +240
265 : #5f18c3 : +250
275 : #7c18c3 : +260
285 : #9818c3 : +270
295 : #b518c3 : +280
305 : #c318b5 : +290
315 : #c31898 : +300
325 : #c3187c : +310
335 : #c3185f : +320
345 : #c31843 : +330
355 : #c31826 : +340
5 : #c32618 : -10
6 : #c32918 : -9
7 : #c32c18 : -8
8 : #c32f18 : -7
9 : #c33218 : -6
10 : #c33518 : -5
11 : #c33718 : -4
12 : #c33a18 : -3
13 : #c33d18 : -2
14 : #c34018 : -1
15 : #c34318 : ±0
16 : #c34618 : +1
17 : #c34918 : +2
18 : #c34b18 : +3
19 : #c34e18 : +4
20 : #c35118 : +5
21 : #c35418 : +6
22 : #c35718 : +7
23 : #c35a18 : +8
24 : #c35d18 : +9
25 : #c35f18 : +10
S : 彩度 ( 78% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6d6d6d : -78
2 : #706d6b : -76
4 : #726b69 : -74
6 : #746a67 : -72
8 : #766965 : -70
10 : #796863 : -68
12 : #7b6760 : -66
14 : #7d665e : -64
16 : #7f655c : -62
18 : #81645a : -60
20 : #846358 : -58
22 : #866256 : -56
24 : #886053 : -54
26 : #8a5f51 : -52
28 : #8c5e4f : -50
30 : #8f5d4d : -48
32 : #915c4b : -46
34 : #935b48 : -44
36 : #955a46 : -42
38 : #975944 : -40
40 : #9a5842 : -38
42 : #9c5740 : -36
44 : #9e563d : -34
46 : #a0543b : -32
48 : #a25339 : -30
50 : #a45237 : -28
52 : #a75135 : -26
54 : #a95032 : -24
56 : #ab4f30 : -22
58 : #ad4e2e : -20
60 : #af4d2c : -18
62 : #b24c2a : -16
64 : #b44b27 : -14
66 : #b64925 : -12
68 : #b84823 : -10
70 : #ba4721 : -8
72 : #bd461f : -6
74 : #bf451d : -4
76 : #c1441a : -2
78 : #c34318 : ±0
80 : #c54216 : +2
82 : #c84114 : +4
84 : #ca4012 : +6
86 : #cc3f0f : +8
88 : #ce3d0d : +10
90 : #d03c0b : +12
92 : #d33b09 : +14
94 : #d53a07 : +16
96 : #d73904 : +18
98 : #d93802 : +20
100 : #db3700 : +22
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #050201 : -42
3 : #0e0502 : -40
5 : #170803 : -38
7 : #200b04 : -36
9 : #290e05 : -34
11 : #321106 : -32
13 : #3b1407 : -30
15 : #441708 : -28
17 : #4d1a0a : -26
19 : #561e0b : -24
21 : #5f210c : -22
23 : #68240d : -20
25 : #71270e : -18
27 : #7b2a0f : -16
29 : #842d10 : -14
31 : #8d3011 : -12
33 : #963313 : -10
35 : #9f3614 : -8
37 : #a83a15 : -6
39 : #b13d16 : -4
41 : #ba4017 : -2
43 : #c34318 : ±0
45 : #cc4619 : +2
47 : #d5491a : +4
49 : #de4c1b : +6
51 : #e45121 : +8
53 : #e5582a : +10
55 : #e65f33 : +12
57 : #e7673c : +14
59 : #e86e45 : +16
61 : #e9754e : +18
63 : #ea7c57 : +20
65 : #eb8360 : +22
67 : #ec8a69 : +24
69 : #ee9172 : +26
71 : #ef987b : +28
73 : #f09f84 : +30
75 : #f1a68e : +32
77 : #f2ad97 : +34
79 : #f3b5a0 : +36
81 : #f4bca9 : +38
83 : #f5c3b2 : +40
85 : #f7cabb : +42
87 : #f8d1c4 : +44
89 : #f9d8cd : +46
91 : #fadfd6 : +48
93 : #fbe6df : +50
95 : #fcede8 : +52
97 : #fdf4f1 : +54
99 : #fefbfa : +56
CSS入門、作ってます。
text-shadow