#c23124
RGB
赤 | 194 |
---|---|
緑 | 49 |
青 | 36 |
HSL
色相 | 5° |
---|---|
彩度 | 69% |
明度 | 45% |
輝度 | 36% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 194, 緑 = 49, 青 = 36 )
HSL ( 色相 = 5°, 彩度 = 69%, 明度 = 45% )
H : 色相 ( 5° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #c23124 : ±0
15 : #c24b24 : +10
25 : #c26624 : +20
35 : #c28024 : +30
45 : #c29a24 : +40
55 : #c2b524 : +50
65 : #b5c224 : +60
75 : #9ac224 : +70
85 : #80c224 : +80
95 : #66c224 : +90
105 : #4bc224 : +100
115 : #31c224 : +110
125 : #24c231 : +120
135 : #24c24b : +130
145 : #24c266 : +140
155 : #24c280 : +150
165 : #24c29a : +160
175 : #24c2b5 : +170
185 : #24b5c2 : +180
195 : #249ac2 : +190
205 : #2480c2 : +200
215 : #2466c2 : +210
225 : #244bc2 : +220
235 : #2431c2 : +230
245 : #3124c2 : +240
255 : #4b24c2 : +250
265 : #6624c2 : +260
275 : #8024c2 : +270
285 : #9a24c2 : +280
295 : #b524c2 : +290
305 : #c224b5 : +300
315 : #c2249a : +310
325 : #c22480 : +320
335 : #c22466 : +330
345 : #c2244b : +340
355 : #c22431 : +350
355 : #c22431 : +350
356 : #c2242e : +351
357 : #c2242b : +352
358 : #c22429 : +353
359 : #c22426 : +354
0 : #c22424 : -5
1 : #c22624 : -4
2 : #c22924 : -3
3 : #c22b24 : -2
4 : #c22e24 : -1
5 : #c23124 : ±0
6 : #c23324 : +1
7 : #c23624 : +2
8 : #c23924 : +3
9 : #c23b24 : +4
10 : #c23e24 : +5
11 : #c24124 : +6
12 : #c24324 : +7
13 : #c24624 : +8
14 : #c24924 : +9
15 : #c24b24 : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #747272 : -68
3 : #76706f : -66
5 : #786e6d : -64
7 : #7b6c6b : -62
9 : #7d6a68 : -60
11 : #7f6866 : -58
13 : #826664 : -56
15 : #846462 : -54
17 : #86625f : -52
19 : #89615d : -50
21 : #8b5f5b : -48
23 : #8d5d58 : -46
25 : #8f5b56 : -44
27 : #925954 : -42
29 : #945751 : -40
31 : #96554f : -38
33 : #99534d : -36
35 : #9b514b : -34
37 : #9d4f48 : -32
39 : #a04d46 : -30
41 : #a24c44 : -28
43 : #a44a41 : -26
45 : #a6483f : -24
47 : #a9463d : -22
49 : #ab443b : -20
51 : #ad4238 : -18
53 : #b04036 : -16
55 : #b23e34 : -14
57 : #b43c31 : -12
59 : #b63a2f : -10
61 : #b9382d : -8
63 : #bb372a : -6
65 : #bd3528 : -4
67 : #c03326 : -2
69 : #c23124 : ±0
71 : #c42f21 : +2
73 : #c72d1f : +4
75 : #c92b1d : +6
77 : #cb291a : +8
79 : #cd2718 : +10
81 : #d02516 : +12
83 : #d22314 : +14
85 : #d42111 : +16
87 : #d7200f : +18
89 : #d91e0d : +20
91 : #db1c0a : +22
93 : #dd1a08 : +24
95 : #e01806 : +26
97 : #e21603 : +28
99 : #e41401 : +30
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #040101 : -44
3 : #0d0302 : -42
5 : #160504 : -40
7 : #1e0806 : -38
9 : #270a07 : -36
11 : #2f0c09 : -34
13 : #380e0a : -32
15 : #41100c : -30
17 : #49120d : -28
19 : #52150f : -26
21 : #5a1711 : -24
23 : #631912 : -22
25 : #6c1b14 : -20
27 : #741d15 : -18
29 : #7d1f17 : -16
31 : #862219 : -14
33 : #8e241a : -12
35 : #97261c : -10
37 : #9f281d : -8
39 : #a82a1f : -6
41 : #b12c20 : -4
43 : #b92f22 : -2
45 : #c23124 : ±0
47 : #cb3325 : +2
49 : #d33527 : +4
51 : #d83a2c : +6
53 : #da4234 : +8
55 : #db4a3d : +10
57 : #dd5246 : +12
59 : #df5a4e : +14
61 : #e06257 : +16
63 : #e26a60 : +18
65 : #e37268 : +20
67 : #e57a71 : +22
69 : #e68279 : +24
71 : #e88b82 : +26
73 : #ea938b : +28
75 : #eb9b93 : +30
77 : #eda39c : +32
79 : #eeaba5 : +34
81 : #f0b3ad : +36
83 : #f2bbb6 : +38
85 : #f3c3be : +40
87 : #f5cbc7 : +42
89 : #f6d3d0 : +44
91 : #f8dbd8 : +46
93 : #f9e3e1 : +48
95 : #fbebe9 : +50
97 : #fdf3f2 : +52
99 : #fefbfb : +54
CSS入門、作ってます。
text-shadow