#c25105
RGB
赤 | 194 |
---|---|
緑 | 81 |
青 | 5 |
HSL
色相 | 24° |
---|---|
彩度 | 95% |
明度 | 39% |
輝度 | 42% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 194, 緑 = 81, 青 = 5 )
HSL ( 色相 = 24°, 彩度 = 95%, 明度 = 39% )
H : 色相 ( 24° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #c21205 : -20
14 : #c23105 : -10
24 : #c25105 : ±0
34 : #c27005 : +10
44 : #c29005 : +20
54 : #c2af05 : +30
64 : #b5c205 : +40
74 : #96c205 : +50
84 : #76c205 : +60
94 : #57c205 : +70
104 : #37c205 : +80
114 : #18c205 : +90
124 : #05c212 : +100
134 : #05c231 : +110
144 : #05c251 : +120
154 : #05c270 : +130
164 : #05c290 : +140
174 : #05c2af : +150
184 : #05b5c2 : +160
194 : #0596c2 : +170
204 : #0576c2 : +180
214 : #0557c2 : +190
224 : #0537c2 : +200
234 : #0518c2 : +210
244 : #1205c2 : +220
254 : #3105c2 : +230
264 : #5105c2 : +240
274 : #7005c2 : +250
284 : #9005c2 : +260
294 : #af05c2 : +270
304 : #c205b5 : +280
314 : #c20596 : +290
324 : #c20576 : +300
334 : #c20557 : +310
344 : #c20537 : +320
354 : #c20518 : +330
14 : #c23105 : -10
15 : #c23405 : -9
16 : #c23705 : -8
17 : #c23b05 : -7
18 : #c23e05 : -6
19 : #c24105 : -5
20 : #c24405 : -4
21 : #c24705 : -3
22 : #c24a05 : -2
23 : #c24d05 : -1
24 : #c25105 : ±0
25 : #c25405 : +1
26 : #c25705 : +2
27 : #c25a05 : +3
28 : #c25d05 : +4
29 : #c26005 : +5
30 : #c26305 : +6
31 : #c26705 : +7
32 : #c26a05 : +8
33 : #c26d05 : +9
34 : #c27005 : +10
S : 彩度 ( 95% )
(0%) 渋い ~ 鮮やか (100%)
1 : #646362 : -94
3 : #666360 : -92
5 : #68625e : -90
7 : #6a625c : -88
9 : #6c625a : -86
11 : #6e6159 : -84
13 : #706157 : -82
15 : #726055 : -80
17 : #746053 : -78
19 : #766051 : -76
21 : #785f4f : -74
23 : #7a5f4d : -72
25 : #7c5e4b : -70
27 : #7e5e49 : -68
29 : #805e47 : -66
31 : #825d45 : -64
33 : #845d43 : -62
35 : #865c41 : -60
37 : #885c3f : -58
39 : #8a5c3d : -56
41 : #8c5b3b : -54
43 : #8e5b39 : -52
45 : #905a37 : -50
47 : #925a35 : -48
49 : #945a33 : -46
51 : #965931 : -44
53 : #98592f : -42
55 : #9a592d : -40
57 : #9c582b : -38
59 : #9e5829 : -36
61 : #a05727 : -34
63 : #a25725 : -32
65 : #a45723 : -30
67 : #a65621 : -28
69 : #a8561f : -26
71 : #aa551d : -24
73 : #ac551b : -22
75 : #ae5519 : -20
77 : #b05417 : -18
79 : #b25415 : -16
81 : #b45313 : -14
83 : #b65311 : -12
85 : #b8530f : -10
87 : #ba520d : -8
89 : #bc520b : -6
91 : #be5109 : -4
93 : #c05107 : -2
95 : #c25105 : ±0
97 : #c45003 : +2
99 : #c65001 : +4
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #050200 : -38
3 : #0f0600 : -36
5 : #190a01 : -34
7 : #230e01 : -32
9 : #2d1301 : -30
11 : #371701 : -28
13 : #411b02 : -26
15 : #4b1f02 : -24
17 : #552302 : -22
19 : #5e2702 : -20
21 : #682b03 : -18
23 : #723003 : -16
25 : #7c3403 : -14
27 : #863803 : -12
29 : #903c04 : -10
31 : #9a4004 : -8
33 : #a44404 : -6
35 : #ae4804 : -4
37 : #b84c05 : -2
39 : #c25105 : ±0
41 : #cc5505 : +2
43 : #d65905 : +4
45 : #e05d06 : +6
47 : #ea6106 : +8
49 : #f46506 : +10
51 : #f96a0b : +12
53 : #f97015 : +14
55 : #f9761f : +16
57 : #fa7d29 : +18
59 : #fa8333 : +20
61 : #fa893d : +22
63 : #fa8f47 : +24
65 : #fb9551 : +26
67 : #fb9b5b : +28
69 : #fba165 : +30
71 : #fba76f : +32
73 : #fcad79 : +34
75 : #fcb383 : +36
77 : #fcb98d : +38
79 : #fcbf97 : +40
81 : #fdc5a1 : +42
83 : #fdcbaa : +44
85 : #fdd1b4 : +46
87 : #fdd8be : +48
89 : #fedec8 : +50
91 : #fee4d2 : +52
93 : #feeadc : +54
95 : #fef0e6 : +56
97 : #fff6f0 : +58
99 : #fffcfa : +60
CSS入門、作ってます。
text-shadow