#c25705
RGB
赤 | 194 |
---|---|
緑 | 87 |
青 | 5 |
HSL
色相 | 26° |
---|---|
彩度 | 95% |
明度 | 39% |
輝度 | 43% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 194, 緑 = 87, 青 = 5 )
HSL ( 色相 = 26°, 彩度 = 95%, 明度 = 39% )
H : 色相 ( 26° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #c21805 : -20
16 : #c23705 : -10
26 : #c25705 : ±0
36 : #c27605 : +10
46 : #c29605 : +20
56 : #c2b505 : +30
66 : #afc205 : +40
76 : #90c205 : +50
86 : #70c205 : +60
96 : #51c205 : +70
106 : #31c205 : +80
116 : #12c205 : +90
126 : #05c218 : +100
136 : #05c237 : +110
146 : #05c257 : +120
156 : #05c276 : +130
166 : #05c296 : +140
176 : #05c2b5 : +150
186 : #05afc2 : +160
196 : #0590c2 : +170
206 : #0570c2 : +180
216 : #0551c2 : +190
226 : #0531c2 : +200
236 : #0512c2 : +210
246 : #1805c2 : +220
256 : #3705c2 : +230
266 : #5705c2 : +240
276 : #7605c2 : +250
286 : #9605c2 : +260
296 : #b505c2 : +270
306 : #c205af : +280
316 : #c20590 : +290
326 : #c20570 : +300
336 : #c20551 : +310
346 : #c20531 : +320
356 : #c20512 : +330
16 : #c23705 : -10
17 : #c23b05 : -9
18 : #c23e05 : -8
19 : #c24105 : -7
20 : #c24405 : -6
21 : #c24705 : -5
22 : #c24a05 : -4
23 : #c24d05 : -3
24 : #c25105 : -2
25 : #c25405 : -1
26 : #c25705 : ±0
27 : #c25a05 : +1
28 : #c25d05 : +2
29 : #c26005 : +3
30 : #c26305 : +4
31 : #c26705 : +5
32 : #c26a05 : +6
33 : #c26d05 : +7
34 : #c27005 : +8
35 : #c27305 : +9
36 : #c27605 : +10
S : 彩度 ( 95% )
(0%) 渋い ~ 鮮やか (100%)
1 : #646362 : -94
3 : #666360 : -92
5 : #68635e : -90
7 : #6a635c : -88
9 : #6c625a : -86
11 : #6e6259 : -84
13 : #706257 : -82
15 : #726155 : -80
17 : #746153 : -78
19 : #766151 : -76
21 : #78614f : -74
23 : #7a604d : -72
25 : #7c604b : -70
27 : #7e6049 : -68
29 : #806047 : -66
31 : #825f45 : -64
33 : #845f43 : -62
35 : #865f41 : -60
37 : #885f3f : -58
39 : #8a5e3d : -56
41 : #8c5e3b : -54
43 : #8e5e39 : -52
45 : #905d37 : -50
47 : #925d35 : -48
49 : #945d33 : -46
51 : #965d31 : -44
53 : #985c2f : -42
55 : #9a5c2d : -40
57 : #9c5c2b : -38
59 : #9e5c29 : -36
61 : #a05b27 : -34
63 : #a25b25 : -32
65 : #a45b23 : -30
67 : #a65b21 : -28
69 : #a85a1f : -26
71 : #aa5a1d : -24
73 : #ac5a1b : -22
75 : #ae5a19 : -20
77 : #b05917 : -18
79 : #b25915 : -16
81 : #b45913 : -14
83 : #b65811 : -12
85 : #b8580f : -10
87 : #ba580d : -8
89 : #bc580b : -6
91 : #be5709 : -4
93 : #c05707 : -2
95 : #c25705 : ±0
97 : #c45703 : +2
99 : #c65601 : +4
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #050200 : -38
3 : #0f0700 : -36
5 : #190b01 : -34
7 : #231001 : -32
9 : #2d1401 : -30
11 : #371801 : -28
13 : #411d02 : -26
15 : #4b2102 : -24
17 : #552602 : -22
19 : #5e2a02 : -20
21 : #682f03 : -18
23 : #723303 : -16
25 : #7c3803 : -14
27 : #863c03 : -12
29 : #904104 : -10
31 : #9a4504 : -8
33 : #a44904 : -6
35 : #ae4e04 : -4
37 : #b85205 : -2
39 : #c25705 : ±0
41 : #cc5b05 : +2
43 : #d66005 : +4
45 : #e06406 : +6
47 : #ea6906 : +8
49 : #f46d06 : +10
51 : #f9720b : +12
53 : #f97815 : +14
55 : #f97e1f : +16
57 : #fa8329 : +18
59 : #fa8933 : +20
61 : #fa8f3d : +22
63 : #fa9547 : +24
65 : #fb9a51 : +26
67 : #fba05b : +28
69 : #fba665 : +30
71 : #fbac6f : +32
73 : #fcb179 : +34
75 : #fcb783 : +36
77 : #fcbd8d : +38
79 : #fcc397 : +40
81 : #fdc8a1 : +42
83 : #fdceaa : +44
85 : #fdd4b4 : +46
87 : #fddabe : +48
89 : #fedfc8 : +50
91 : #fee5d2 : +52
93 : #feebdc : +54
95 : #fef1e6 : +56
97 : #fff6f0 : +58
99 : #fffcfa : +60
CSS入門、作ってます。
text-shadow